Browse the library

taste-skill

Leonxlnx

Gives coding agents 'taste' by providing art direction, reference images, and automated browser-based visual checks.

archify

tt-a1i

This agent skill converts any idea, plan, or codebase description into interactive HTML diagrams, enabling visual exploration, customization, and sharing within AI coding agents.

diagram-design

cathrynlavery

Enables your agent to generate editorial-quality diagrams in various types using self-contained HTML+SVG, without generic or messy outputs.

frontend-slides

zarazhangrui

A skill for AI agents to generate beautiful HTML-based slide presentations from scratch or by converting PowerPoint files.

Generate production-ready UI designs, prototypes, and editable PPTX files directly from natural language prompts within your AI agent.

html-anything

nexu-io

This agentic HTML editor allows AI agents to write and export HTML documents, presentations, posters, and web prototypes from natural language prompts using 75 composable skill templates.

Search and retrieve over 3,400 icons and logos with CDN links via an MCP server for your AI coding agent.

This MCP server allows AI agents to search and generate React/Tailwind UI components, simplifying front-end development.

baoyu-design

JimLiu

This Agent Skill allows local generation of polished UI mockups, interactive prototypes, and wireframes as self-contained HTML directly within your coding agent.

design-extract

Manavarya09

Extracts a complete design system from any website, generating DTCG tokens, Tailwind config, Figma variables, and more, for AI coding agents.

This plugin offers agent skills for creating useful HTML artifacts, including wireframes, interactive prototypes, plans, and diagrams, for design and visualization.

Connects a visual static site builder to an AI agent, enabling prompt-driven design and export of clean HTML/CSS.

Equips AI agents with skills to build immersive, scroll-driven websites following specific design standards and interaction patterns.

Gives AI editors access to 7,400+ brand and cloud SVG icons through an MCP server, plus npm packages, CLI and CDN.

React data visualization library with specific task packets that help agents create and debug complex charts.

Provides AI agents with skills to build native-quality mobile app UI screens based on top-grossing app patterns.

logo-design-skill

kaankiziltug

This skill provides AI agents with comprehensive knowledge, tools, and a reference library for designing production-ready SVG logos.

design-dna

zanwei

This agent skill extracts quantified Design DNA from reference UIs (images, screenshots, URLs) and uses it to generate matching UI components and styles from user content.

ux-ui-agent-skills

plugin87

A comprehensive kit of structured instructions and design systems that turns Claude into a senior design architect for consistent, accessible UI/UX outputs.

gpt-image2-ppt-skills

JuneYaooo

This Claude Code skill generates high-quality, aesthetically pleasing PowerPoint presentations using GPT-image-2, either from scratch or by mimicking existing templates.

agent-vision-toolkit

Anionex

Gives text-only AI agents vision capabilities like OCR, UI restoration, and GUI automation through a specialized toolkit and skill.

An MCP server that gives your AI agent access to the SEED Design System tokens, components, and documentation.

This awesome list collects DESIGN.md prompts, remix recipes, and skills for Claude Design, showcasing aesthetic families and providing resources for AI-driven UI design.

Lightswind UI is an AI-native, CLI-first React component library with over 160 animated, production-ready components and MCP Server support for AI coding agents.