Havuz

Stop Claude Code/Cursor from guessing UI. Extract any website's design system into a spec-valid DESIGN.md that passes the official @google/d

Extract a website's visual system — colors, type, spacing, components — into a DESIGN.md, design tokens, and AI-ready prompts. CLI + local G

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

Real-time on-device visual editor for Jetpack Compose + MCP Server for AI agents. Live UI tuning, AST-guided surgical source splicing, and s

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

White-label design system: fork it, feed it a brand, generate on-brand UI

The design layer for agentic AI — design context, interface checks, and verification for coding agents.

Claude Code skill: Generate design.md, design-guidelines.md & design-components.md from any design references — images, PDFs, links, screens

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

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

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

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

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

Turn a UI screen recording into design data, code edits, or a runnable React scaffold. A Claude Code skill.

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

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

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

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

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

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

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

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

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

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

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

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