Browse 38 tools for your AI coding workflow.
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
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),
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
The world's first open-source AI-native vector design tool with concurrent Agent Teams.
An MCP server that provides the coding agents Figma's design token to write Flutter code.
🎨 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.
Design engineering system for AI coding agents — ship UI with craft-level quality.
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.
Extract any website's complete design system with one command.
A secure MCP server for AI applications to interact with MySQL databases.
Generate design system documentation for UI components directly from your AI agent, rendering into Figma or portable .md files.
A Claude skill to inspect and build Figma design systems with WCAG checks, component scoring, and optional code sync.
Free, bidirectional Figma MCP server for design-to-code and back.
A collection of composable agent skills for real engineering, designed to be adaptable and model-agnostic.
Bidirectional MCP bridge that lets AI draw UI directly on Figma canvas and read designs back as structured data.
An multi-agent design-to-code tool that generates production-ready React code with high visual fidelity and iterative validation.
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.
AI UI/UX architect that converts screenshots to React components, generates Figma-compatible designs, and produces Tailwind CSS code.
