Havuz

MCP server serving Apple Human Interface Guidelines as structured design tokens for AI coding agents — post-WWDC25 system colors, Liquid Gla

shadcn/ui for SwiftUI. Beautiful copy-paste components for iPhone, iPad and Mac that you own. Native controls, themes, dark mode, Dynamic Ty

AI-agent skill for creating, auditing, and maintaining Penpot design systems, prototypes, tokens, and design-to-code workflows via the offic

See an app. Ship an app. — Turn a screen recording into a production-ready spec.md for Claude Code.

A SwiftUI design system: 54 components, 5 theme presets (10 light/dark themes), 39 style protocols with 115 built-in styles, plus popups, to

Make generic UI look consistent. No hardcoding, no ignoring your design system. Spec for AI-native design systems: tokens, slots and rules a

A browser-based color science instrument for exploring RGB gamuts as interactive 3D solids, inspecting the full stimulus-to-display pipeline

给 AI Agent 的前端设计管线：先写 DESIGN.md 与 MOTION.md，经 job 分发、OpenSpec 与证据门禁再写代码。

A pristine, themeable design system for Slidev — switch the entire visual style (type, shape, texture, palette) with one line.

The most powerful Figma Console MCP capabilities, repackaged as Markdown skills for the native Figma MCP server — design tokens, variables,

Extract full product DNA from any live URL. Brand voice, UX patterns, content strategy, visual design, accessibility, SEO, performance, tech

Analyze any website and extract its complete design system — colors, typography, spacing, components, UX patterns — export as Tailwind confi

从真实网站提取设计系统，并通过 MCP 把设计规范交给 AI 编程 Agent。 | Extract design systems from real websites and give AI coding agents grounded specifications throu

Generate Google Stitch compatible DESIGN.md files from any website using AI vision. Bring your own Gemini, OpenAI, Claude, or Ollama key. No

On-demand design systems from any URL. Five surfaces, one agent: web, API, CLI, TypeScript SDK, and a portable agent skill that runs inside

Inspect, build, or extend Figma design systems from Claude Code. Read-only audits with WCAG checks and component scoring, build mode with va

Open-source design-system drift scanner — audit tokens, components, a11y & docs; score adoption; hand fixes to your coding agent. Local-firs

Figma to design.md — Convert Figma design tokens into structured design.md for AI-assisted coding (Cursor, Claude Code, Copilot)

Analyze rendered web UIs and rebuild observable design-system assets as editable Figma assets.

Constraint-first design system for product exploration. 167 accessible React components, CSS, StyleX, shadcn registry, CLI, and MCP.

Mint audits your legacy CSS and generates a clean, exportable design system from the chaos.

Storybook Addon for DTCG design tokens

Theme-driven, brand-neutral SwiftUI design system — re-skin your whole app from one accent color. 130+ token-bound components, zero-dependen

Playground repo for designers learning AI design system workflows: a small, real design system on Base UI and React, in Storybook and mirror

Check, lint, and convert design tokens to CSS. DTCG JSON, HRDT YAML, and DESIGN.md support.

Save UI inspiration from any app; a vision model curates it into a private wiki and turns your taste into a DESIGN.md your coding agent buil

Design-system starter template: ships the machinery (token pipeline, component contracts, prop glossary, Figma wiring, ADRs, agent skills, C

Agent Skill + Playwright/axe-core verification loop that teaches AI coding agents to build accessible frontends on the first pass. Companion

MCP server that lets your AI assistant read and write Figma in real time — no API token, no rate limits. Works with Claude, Cursor, Copilot,

A Visual Design that ships with your code. Agents and humans work together on the same canvas, where every change is a diffable JSX stored i

前端工程视觉与色彩全栈守卫：静态配色校验、渲染后视觉计量、证据驱动的 UI 评审闭环与规则演进治理。A full-lifecycle frontend visual guard: static contrast checks, post-render metrics, evide

Take a real UI component apart. A Claude Code skill + runtime that explodes a live component into paint layers, states and tokens. Nothing i

Free Figma plugin + CLI so Claude Code, Codex or any shell agent can read and edit the Figma file you have open. Local WebSocket, one undo s

Open-source React UI components for developers and AI agents. Typed APIs, design tokens, and source code you can customize.

Open-source Vue 3 component library with 90+ components, design tokens, light/dark themes, TypeScript, and interactive docs. 开源 Vue 3 组件库

AI design system scanner + mcp server. Scores repos 0-100, writes fix prompts. 30K+ npm downloads.

MCP server that gives AI coding agents scored design directions, UI-state plans, and WCAG-checked design tokens. Deterministic, offline, no

Keeps coding agents on your design system: catches palette colors, native elements and APIs your system lacks, at every edit and pull reques