UI, Figma, prototype, wireframe.
Rich-text editor with AI and shadcn/ui
Open-source Claude Design alternative. One-click import your Claude Code / Codex API key. Prompt → prototype / slides / PDF. Multi-model (Claude, GPT, Gemini, Kimi, GLM, Ollama). BYOK, local-first, MIT.
Extract any website’s design system into tokens in seconds: logo, colors, typography, borders & more. One command.
Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot.
Extract any website's complete design system with one command. DTCG tokens, semantic+primitive+composite, MCP server for Claude Code/Cursor/Windsurf, multi-platform emitters (iOS SwiftUI, Android Compose, Flutter, WordPress), Tailwind v4, Figma variables, shadcn/ui, CSS health audit, WCAG remediation, Chrome extension. MIT, Playwright, Node 20+.
Your design system as an API. Connect AI to Figma for extraction, creation, and debugging.
AI-native SwiftUI component library with full-stack recipes — connect via MCP for instant access.
A guide on how to use the Figma MCP server
Figma MCP for free users — no rate limits, full read/write, text to designs, designs to code
🎨 Vibe Design System - Official monday.com UI resources for application development in React.js
Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visual effects—then generate matching UI from your content.
A Model Context Protocol (MCP) that allows Claude Desktop and other AI tools (Claude Code, Cursor, Antigravity, etc.) to read, analyze, and modify Figma designs
🎨 A curated collection of Claude AI agent prompts specifically designed for UI/UX design, web development, and frontend tasks. Transform your design workflow with specialized prompts for creating interfaces, components, and user experiences.
open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant builds matches your brand.
Claude Design DESIGN.md prompts by aesthetic family, remix recipes, skills, video teardowns, X signal, honest community takes.
Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude
Claude Code & Cursor design system. Stop generating ugly AI UI. 69 design rules + 48 shadcn components + Toss/Stripe/Linear/Vercel/Notion brand skins. Tailwind v4 + Radix.
An MCP server that provides the coding agents Figma's design token to write Flutter code.
A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.
List of awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools
Model Context Protocol server implementation for Figma API
No description provided.
Model Context Protocol (MCP) server for the Webflow Data API.
Consulting firm-style PowerPoint design system for AI agents. 70 layout patterns, flat design, python-pptx. 麦麸风格PPT设计系统。
Generate DESIGN.md from 67 real company design systems. Now with OmD v0.1 Philosophy Layer — brand context for Claude Code.
🍟 This project is configured with an advanced AI collaboration workflow based on `CLAUDE.md`. It uses **Claude** as the core orchestrator, dispatches **Auggie (ACE)** for efficient context retrieval, and leverages **Codex** and **Gemini** for logical analysis, prototype generation, and code auditing—achieving a "**1+1+1>3**" collaborative effect.
MCP (Model Context Protocol) server that enables AI assistants to interact with Storybook design systems. Extract component HTML, analyze styles, and help with design system adoption and refactoring.
Effortlessly secure your AI agents and AI-powered workflows — from prototype to production. Get easy-to-use identity, credential, and access management built for fast-moving AI developers.
Claude Code skills for automated design-to-code workflows.
Convert Figma design to code with the official Flowbite MCP server
A Claude skill that audits designs against 18 professional design rules.
🎨 Turn any company's DESIGN.md into stunning Xiaohongshu covers with AI. 9 brand styles: Apple, Claude, Figma, Notion, Tesla, Raycast, Airbnb & more.
Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)
GPT-4 & Claude for Figma & FigJam
PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level guardrails so it stops producing averaged-out AI slop.
The design contract layer for your agents.
Teaches Claude to use a dozen visualization-building tools — raster, SVG, web, video, terminal, interactive, gaze plots, heatmaps, science figures. Brand tokens and 8:1 contrast audit built in.
AI-to-UI IR Protocol Layer — The Last Mile from AI to Human. Includes Lucid UI Skill for professional AI-generated interfaces.
Claude Code plugin for Pencil (.pen) design-quality: analyze, design, audit, and transpile to code against a universal 4px-grid scale — framework-agnostic.
We taught Claude how to drive Fusion 360. Sketches, extrusions, assemblies, exports—all through natural language. The hard part wasn't the code, it was getting Claude to understand where things go in 3D space. The skill files capture everything we figured out so it just works.
Create Figma design just by using prompts on Claude
Shadcn-native Design CI for Tailwind apps: export registries that work with shadcn, v0, AI editors, and npm.
Claude Talk to Figma MCP - DaisyUI Edition. Enhanced with local indexing, design tokens, accessibility audits, and HTMX/Tailwind code generation.
A Claude Skill for generating UIs in the Bauhaus / Swiss International Typographic Style
