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.

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.

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.

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.

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.

auteur

agiwhitelist

This Claude Code skill allows AI agents to art-direct and build cinematic websites and landing pages by generating assets and enforcing design quality.

styleseed

bitjaru

StyleSeed provides 23 agent skills to enforce design judgment, implement semantic palettes, and ensure evidence-verified UI consistency for AI coding agents.

Provides AI-assisted PCB design for KiCAD 10 via a native Rust plugin, exposing 228 tools for schematics, layout, routing, and manufacturing to AI agents.

Skill that explores several distinct UI design directions, compares them side by side on a preview page, and refines the chosen one against real screenshots.