Havuz

A zero‑dependency CSS + JS component framework — fully themeable, light & dark, with first‑class RTL and Arabic typography.

The open-source Claude skill for UI/UX design. 84 UI styles, 192 color palettes, 74 font pairings, 99 UX guidelines & 161 industry rules acr

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

Storybook Addon for DTCG design tokens

Machine-enforced frontend UI/UX skill pack for AI agents. Registry + lazy loading: a 2,154-token router loads one skill per request out of 4

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

Elegant, themeable, accessible components for SolidJS.

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

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,

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

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

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

Dark glass-effect React admin dashboard template. 5 color themes · 40+ components · 30+ real-world scenarios · PWA ready.

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

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,

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

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

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

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

pbakaus/impeccable frontend design skill, packaged for Hermes Agent and auto-synced to upstream releases

Beautiful copy-paste React components on Base UI, Radix UI or HeroUI.

/dna <url> — 提取任意网站的完整设计语言，封装为可安装的 AI 技能。

Four shareable Codex UI board skills with dual-theme design tokens, standalone previews, Tailwind presets, and installable skill bundles.

Pure-Rust native GUI framework with web-grade aesthetics and first-class headless PNG rendering — winit + wgpu + vello + parley + taffy

Mantı is a framework-agnostic design system & UI kit inspired by Turkish dumplings and based on Zag.js.

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

Material 3 UI components for Vue, built on Tailwind CSS.

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

Pixel-perfect 24px outline icons for SVG, React, React Native, Vue, Svelte, Solid, Angular, Astro, and Preact.

Open-source AI design studio. Multi-variant canvas, inspect & edit in code. Powered by Claude / GPT. 本地优先的 AI 设计工作台。

One prompt to modernize React + Tailwind UIs. A Claude Code Skill.

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