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.

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

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.

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

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.

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

A CLI tool that extracts design systems from URLs or codebases into format Claude Code can automatically read and use.

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

Enhance agent capabilities to generate better user interfaces using design systems and layout guidance.

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.