Browse the library

An open-source collaborative design agent workspace and plugin that turns coding agents into design engines for prototypes, landing pages, dashboards, and media with various export options.

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.

Pascal Editor is an open-source 3D architectural editor with MCP tools, allowing AI agents to interact with and generate 3D building models.

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.

Integrates AI agents with Figma via an MCP server and plugin, enabling agents to read and programmatically modify design files.

Provides AI agents with a library of prebuilt, open-source Tailwind CSS UI components, blocks, and templates for rapid web UI development.

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.

TerraVision generates professional cloud architecture diagrams in official AWS, Azure, and GCP styles from AI prompts or Terraform, and can convert diagrams to Terraform code.

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.