Havuz

An open-source visual language and production Skill collection for AI design work.

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

Skill and template for GTC design tokens model.

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

Open-source, shadcn-compatible React components, templates, and skins: pickers, trees, editors, canvases, and AI chat surfaces. Source you o

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

Material Design UI components for Svelte, built on shadcn-svelte

MCP server for production-grade UI and brand design — 37 tools: anti-slop quality gates, OKLCH tokens with auto dark mode, WCAG 2.1 audits,

700-rule design library and 89-source reference atlas that stops Claude Code and other AI agents from building generic-looking websites

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

Elegant, themeable, accessible components for SolidJS.

Design in Figma with Claude Code. Bridge connects your terminal to the Figma Plugin API via WebSocket.

The Open Analytics design language as an agent skill: component recipes with type-checked source, token CSS, and a CLI. Works with Claude Co

Gridgeist turns product intent into a rigorous visual system—without the generic AI SaaS aftertaste.

Static TanStack Start catalog for nature-inspired design systems and generated theme assets.

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

Neobrutalism UI components for Svelte, built on shadcn-svelte

One line of intent → a presentation-grade, dark-editorial HTML deck. A Claude Code skill.

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

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

Open-core registry of animated React components, blocks, design systems, and templates. Real, editable code: install with one shadcn CLI com

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

80+ accessible Vue 3 components · reactive theming · dark mode · i18n · Tailwind v4

A registry of interface patterns observed on real sites, rebuilt from scratch and distributed via shadcn CLI.

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

Cross-platform component library. Eleven npm packages, per-package install, branded tokens, first-party MCP. Web + native via .ts / .native.

Blazor UI components you own: headless primitives + styled components delivered as source by a dotnet tool. Tailwind CSS v4, 8 skins, 16 pal

TUI suite for textual, has alot in it: Icons, Borders and alot more

A Windows 11 Fluent control library for Avalonia — 61 controls, zero third-party dependencies, with a control set for industrial HMI applica

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

🎨 Turn any company's DESIGN.md into stunning Xiaohongshu covers with AI. 9 brand styles: Apple, Claude, Figma, Notion, Tesla, Raycast, Airbn

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

AI 原生·单文件 HTML 演示 Skill：7 套锚定公认设计体系的视觉人格，好看（WCAG/间距/32 维审计）与诚实（反伪造）都由机器强制，零依赖。 | AI-native single-file HTML presentation skill — 7 design-sy

Ready-to-use design taste for Claude Code, Cowork, and Cursor. Prom = Thai for ready. Learn free at loop.sv-academy.org

The ultimate AI design skill for producing distinctive, production-grade frontend interfaces

Storybook Addon for DTCG design tokens

Precision-Crafted React Component Library - 89 Components, 20 Palettes, Native CSS Animations, Light and Dark Themes. Built on Base UI and T

Storybook for htmx & hypermedia. One binary points at your running app and renders your components in isolation, with an htmx-aware inspecto

Design enforcement system, not a code generator. Two independent layers (Taste Guardian + Blind Spot ESLint). 7-phase design pipeline. Zero

Unofficial Svelte 5 port of Astryx, Meta's open-source design system. Not affiliated with Meta.

Agent 原生设计决策协议。CLI + MCP Server，让 AI Agent 拥有结构化的设计决策能力。200ms 产出，115 品牌，56 风格，50+ 蓝图，视频录制，零配置零依赖。

Good artists copy, great artists steal

AI coding skill that makes any website look like a $150k agency build. Works with Claude Code, Cursor, and Codex.

MCP for styles.refero.design — natural-language search across the curated DESIGN.md library.

PinPin Visual Identity — a Claude Code skill encoding a battle-tested design aesthetic methodology. 5 core principles (restraint, grayscale

Accessible Angular 22 UI library (standalone, signals, zoneless, SSR) ported from BlatUI — 155 components, 16 blocks, 70 charts, 34 template

shadcn/ui registry of WhatsApp Web chat components, built on WhatsApp's WDS design tokens

Measurement for coding agents building UI: extract a contract from the reference page, check the implementation, get numbers back

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