Design tools

A Model Context Protocol server that lets AI agents create, inspect and edit Draw.io diagrams, such as architecture diagrams and flowcharts, through a built-in editor or a browser extension.

• MCP servers
• Design tools

Coffee watches a React codebase for placeholder components and uses the OpenAI chat completions API to generate or update their code each time the source file is saved, inside an isolated Docker container.

• Design tools

A native, editable design system for DeepSeek Harness that lets the AI generate and continuously revise real websites, app prototypes, posters and slide decks as saved project files.

• Design tools

An agent skill that extracts a reference UI's visual identity, its design tokens, qualitative style and visual effects, into a structured Design DNA JSON, then generates matching UI from new content.

• Agent skills
• Design tools

An open-source desktop app where a developer and their coding agent share a canvas: the agent draws diagrams and traces of its work, and clicking a diagram element jumps to the underlying code.

• Coding agents
• Design tools

An AI-first design platform that supplies design skills, UI prompts and layout guidance to more than 20 AI coding tools through a hosted MCP server, so an assistant can generate more consistent user interfaces.

• MCP servers
• Design tools

A guide and reference for the Figma MCP server, which brings Figma design context, components and variables directly into an AI coding agent for generating code from selected frames or converting a web page into a Figma design.

• MCP servers
• Design tools

An open-source desktop AI agent workspace that combines everyday task work, prompt-to-editable visual design, and bringing an external coding agent such as Codex or Claude Code into a real project, all in one interface.

• Agent frameworks
• Design tools

A shared canvas application for thinking with AI beyond a chat window, where a hand sketch, equation or note can be turned by a built-in agent or a connected MCP client such as Codex or Claude Code into a diagram, document or small interactive widget next to the original sketch.

• Design tools

An MCP server for the Lanhu (蓝湖) design and requirements platform letting AI coding assistants read design handoff files and requirement documents directly, extract UI assets, translate a design into HTML/CSS reference code, and share notes across a team's AI tools.

• MCP servers
• Design tools

A collection of 273 agent skills and 76 commands across 33 plugins that give Claude Code and Gemini CLI structured workflows for UX research, design systems, UI, interaction and delivery.

• Agent skills
• Design tools

An agent skill and design standard for building premium, scroll-driven websites with deliberate interaction design, usable from Claude Code, Codex, or another coding agent.

• Agent skills
• Design tools

A Chrome extension that reads a website's typography, color, and spacing and turns them into a design-system reference file that AI coding tools can use when building a site.

• UI kits
• Design tools

An AI agent skill that teaches coding agents the small UI details, such as animation, typography, icons, hover states, alignment, shadows and hit areas, that make an interface feel polished.

• Agent skills
• Design tools

A collection of ready-to-use DESIGN.md files, each describing a brand's visual language, that Claude Design can expand into a full scaffolded UI design system in one step.

• Design tools
• Curated lists

A CLI and MCP server that points a headless browser at a live website and extracts its design system as design tokens and framework-ready files.

• MCP servers
• Design tools

An Agent Skill that runs Claude Design locally inside Cursor, Claude Code, or another file-capable coding agent, producing UI mockups, prototypes, wireframes, and decks as self-contained HTML.

• Agent skills
• Design tools

A compatibility proxy for the 21st MCP server, which searches over 10,000 React and Tailwind components, generates new UI with AI, and lets a user publish their own.

• MCP servers
• Design tools

A native infinite-canvas widget plugin for Codex, built on tldraw, for sketching ideas, annotating images, and generating and iterating images, HTML, and slide decks with Codex.

• Agent skills
• Design tools

A curated collection of agent skills for designers and builders, turning screen recordings, existing HTML pages, and full-page captures into reusable UI prompts.

• Agent skills
• Design tools

An AI coding agent skill that scaffolds a full Next.js editor for producing App Store and Google Play marketing screenshots at every required device size.

• Agent skills
• Design tools

An MCP integration that lets AI coding agents such as Cursor and Claude Code read and modify Figma designs programmatically through a Figma plugin.

• MCP servers
• Design tools

A collection of agent skills covering UI, typography, color, accessibility, layout and product writing, to help a coding agent build and review a good interface.

• Agent skills
• Design tools

An open-source, local-first desktop app that turns a prompt into a prototype, slide deck or marketing asset using whichever AI model a developer already has access to.

• Design tools