Browse 28 tools for your AI coding workflow.
Design engine for Claude Code, Codex & Cursor — teaches design judgment, not just data. 74 rules, 48 components, 7 brand skins (Toss/Stripe/Linear/Notion/Raycast/Arc/Vercel), a named motion system (5 seeds + 20+ moves),
The world's first open-source AI-native vector design tool with concurrent Agent Teams.
The design skill for Claude Code, Cursor and any coding agent. Stop shipping AI-slop UI: turn it into shippable, tasteful frontend. Install: npx skills add superdesigndev/superdesign-skill. Powered by superdesign.dev
An MCP server that provides the coding agents Figma's design token to write Flutter code.
Workflow Builder - Apache 2.0 React SDK for embedding visual workflow editors. Drag-and-drop workflow builder UI with a reference back-end and an execution engine swappable by design, proven with Temporal. Back-end agnos
Design engineering system for AI coding agents — ship UI with craft-level quality.
🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Vercel, Notion, Apple, Supabase, Figma…) +
A component library of beautifully designed UI components for building AI agents.
Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom properties for local projects. Available as an AI agent skill (Claude, Cursor, Codex) and
Open, production-grade Astro starter with React, shadcn/ui, and Cloudflare Workers, designed for AI-assisted development.
Bidirectional MCP bridge that lets AI draw UI directly on Figma canvas and read designs back as structured data.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
Free, bidirectional Figma MCP server for design-to-code and back.
An multi-agent design-to-code tool that generates production-ready React code with high visual fidelity and iterative validation.
Extract any website's complete design system with one command.
A Claude skill to inspect and build Figma design systems with WCAG checks, component scoring, and optional code sync.
Complete UI/UX system for Claude Code with 67 specialized agents, design vocabulary, and tested prompts.
AI UI/UX architect that converts screenshots to React components, generates Figma-compatible designs, and produces Tailwind CSS code.
A modular UX, design, and product optimization system for turning AI-built interfaces into production-grade apps.
The most powerful Figma Console MCP capabilities, repackaged as Markdown skills for the native Figma MCP server — design tokens, variables, component analysis, WCAG lint, a11y audits, version history, FigJam & Slides.
