Havuz

Make posters, social posts, slides and landing pages in the coding agent or chat you already use (Copilot, Claude, Codex, Cursor), with 198

Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 obje

brand-identity, bir brief’ten logo, typography ve colour palette seçenekleri üretip seçilen yönü brand guidelines kit’e dönüştüren bir Claude Code skill’idir.

Neden yükseliyor · Repo 1 günlükken 31 yıldız ve son 28 günde 9 commit almış; bu erken ilgi dikkat çekiyor. Ancak farklı yazar sayısı 1 ve README’deki örnekler proje sahibinin sunduğu çıktılar; bağımsız kullanım veya benimsenme kanıtı olarak değerlendirilmemeli.

Design systems, skills and visuals for coding agents

Official DESIGN.md files published by companies themselves. First-party design systems that AI agents read to generate consistent UI.

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

24 open-source agent skills that turn taste into instructions — ten genre identities, each proven by a same-brief before/after demo

One prompt, three native apps: your coding agent builds SwiftUI, Jetpack Compose and TanStack Start apps from one spec.

A free, open-source add-on for Claude, ChatGPT, Codex and Cursor that turns a few plain answers into a design system, so everything you buil

Reusable UI/UX design skills for AI coding agents — Codex, Claude Code, ZCode, and more.

Claude skill that analyzes images, websites, and Figma files and generates a structured design.md with token system, component inventory, an

Extract design tokens (colors, typography, spacing, border radius, shadows) from any public website. Generates JSON and CSS custom propertie

UI/UX and frontend design skill for AI coding agents: Codex, Claude Code, Cursor. Art direction, DESIGN.md, design tokens, motion, accessibi

Senior-level UX and design-system knowledge, packaged so your AI agent applies it automatically.

Open-source, self-hosted DAM and brand manager: assets, guidelines as data and brand portals, for your team and AI agents (MCP, REST, CLI).

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

Let Claude edit your Figma file for you — bulk-rename layers, swap variants, bind colour variables, pour in real copy. Describe the change i

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

Design-system and vocabulary drift, enforced. Tailwind themes become law, rogue values get receipts, words live in a database agents inherit

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

Claude Design access and UI workflows for coding agents, part of QualityLayer. Create and review designs in QualityLayer without a Claude su

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

Design intelligence engine for AI coding tools (Claude Code, Cursor, Windsurf). Deterministic anti-AI-slop linter with 152 rules, 160 brand

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

A Claude/agent skill: 74 real-world brand design systems (Claude, Linear, Stripe, Apple, Tesla, Spotify…) as a pick-and-build DESIGN.md refe

Production-grade design context for AI coding workflows. Extract a real design system from any URL — colors, typography, spacing, breakpoint

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

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

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

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

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

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

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

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

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

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

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

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

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

Design CLI for Claude Code, Codex and Antigravity: describe the UI in plain words, get production-grade web, Figma and SwiftUI output throug

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

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

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

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

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

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

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,

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

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

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