claudeers.

Projects tagged #design-system

// design-system (30)

🔓

The Developer Tool for Designers • An Open-Source AI-First Design tool • Visually build, style, and edit your code with AI • World's best, top-most agent rec…

// uncategorizedonlook-dev/⟨TypeScript⟩★ 26,855◷ Apache-2.0[ claude ]
🔓

Awesome Claude Design: 68 ready-to-use design system inspirations in DESIGN.md format. Drop one in, scaffold a full UI in one shot.

// financeVoltAgent/★ 3,972◷ MIT[ claude ]
🔓

Designer Skills Collection: agentic skills, commands, and plugins for design — from research to systems, UI, interaction, and delivery.

// automationOwl-Listener/⟨Markdown⟩★ 2,746◷ MIT[ claude ]
🔓

The AI-native CLI-first React component library. 160+ animated, accessible, production-ready components with MCP Server support for Cursor, Claude & GitHub C…

// mcp-serverscodewithMUHILAN/⟨TypeScript⟩★ 1,090◷ MIT[ claude ]
🔓

open-source skill that learns any brand and turns it into a complete design system. works on claude code and codex. install once, every UI your assistant bui…

// skillsdominikmartn/⟨JavaScript⟩★ 836◷ MIT[ claude ]
🔓

A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.

// skillsxiaopu-ai/⟨Python⟩★ 783◷ MIT[ claude ]
🔓

A Claude Code SKILL for designing beautiful, consistent web pages — spec first, code second.

// skillsKAOPU-XiaoPu/⟨Python⟩★ 779◷ MIT[ claude ]
🔓

🎨 Vibe Design System - Official monday.com UI resources for application development in React.js

// mcp-serversmondaycom/⟨TypeScript⟩★ 678[ claude ]
🔓

Open-source gallery of AI-generated UI experiments built with Claude (Fable 5), landing pages, hero sections, GLSL shaders, design systems, animations & 3D i…

// financepulkitxm/⟨HTML⟩★ 562◷ MIT[ claude ]
🔓

Comprehensive UI/UX and Backend component design skills for AI-assisted development with Claude

// skillsancoleman/⟨Python⟩★ 523◷ MIT[ claude ]
🔓

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

// skillsuxKero/⟨Python⟩★ 215◷ MIT[ claude ]
🔓

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

// skillsOpenLabs-so/⟨TypeScript⟩★ 134◷ MIT[ claude ]
🔓

A product-validation system for AI agents: idea → logo → product → brand → launch video in two hours. Desktop app + skills for Claude Code and Codex.

// skillsReScienceLab/⟨HTML⟩★ 80◷ Apache-2.0[ claude ]
🔓

🎆 A Claude Code workflow that replicates ClaudeDesign — parallel design exploration, panel judging, synthesis, and adversarial refinement to a single world-…

// automationyizhiyanhua-ai/⟨HTML⟩★ 104◷ MIT[ claude ]
🔓

Spotkit — a Claude Code skill that turns a feature description into minimal, abstract SVG product illustrations that all belong to one design system.

// skillsDevesh-Shirsath/⟨HTML⟩★ 77◷ MIT[ claude ]
🔓

A Claude skill that audits designs against 19 professional design rules.

// skillsAshutos1997/★ 81[ claude ]
🔓

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

// skillskimsh-1/⟨CSS⟩★ 77◷ MIT[ claude ]
🔓

全网首个中文字体专业知识包:可商用中文字体库(授权三级分类)、场景×气质选字矩阵、中英混排与排版规则。让 AI 选中文设计字体不再甩给你一堆 Inter / Chinese font selection agent skill: license-safe free commercial CJK fonts, sc…

// skillsSongzhi-lab/★ 73◷ MIT[ claude ]
🔓

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

// skillsgongnyang/⟨CSS⟩★ 77◷ MIT[ claude ]
🔓

Elite frontend design taste for Claude Code / Cowork — a merged synthesis of emilkowalski/skill, pbakaus/impeccable, and leonxlnx/taste-skill. Typography, co…

// skillsh3nryprod01/★ 59◷ MIT[ claude ]
🔓

PencilPlaybook is the UI Skills / Taste-Skill for Pencil.dev + Claude Code — a design playbook that gives Claude real perceptual psychology and senior-level…

// skillsstevembarclay/⟨Python⟩★ 50◷ MIT[ claude ]
🔓

Plug-and-play MCP that gives your coding agent UI superpowers. One-line install, zero config. Claude Code, Codex, Cursor, VS Code, and more.

// devtoolsPythoughts-labs/⟨JavaScript⟩★ 45◷ MIT[ claude ]
🔓

AI agent skill bundle for Storybook on React + Vite — audit real-vs-slop components, capture flows, write CSF3 stories, ship. Claude Code / Codex / Cursor.

// skillsstrongeron/⟨TypeScript⟩★ 37◷ MIT[ claude ]
🔓

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

// skillssva-admin/⟨JavaScript⟩★ 29◷ MIT[ claude ]
🔓

v3.10.1 · Try it: npx roast-my-design-system · Roasts your design system with real data: a health score, the receipts, the first fixes ranked by payoff, and…

// pluginspencilrebel/⟨JavaScript⟩★ 26◷ MIT[ claude ]
🔓

Teaches Claude to use a dozen visualization-building tools — raster, SVG, web, video, terminal, interactive, gaze plots, heatmaps, science figures. Brand tok…

// skillsandyed/⟨Python⟩★ 19◷ MIT[ claude ]
🔓

Expansion pack of 100 curated color/font themes for Anthropic's theme-factory skill — 14 categories (aesthetic, brands, code-editor, painters, film directors…

// skillspatrickkrebs/⟨HTML⟩★ 23◷ Apache-2.0[ claude ]
🔓

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, Codex and any MC…

// mcp-servershoangann2000/⟨Go⟩★ 12◷ MIT[ claude ]
🔓

커머스 상세페이지를 Figma에 직접 제작하는 Claude Code 스킬 (detail-page-core 공용판)

// skillsHarinJin/★ 16◷ MIT[ claude ]
🔓

Você não começa do zero — chega com impulso. Guarda as peças de site que você já fez e as encontra de volta antes de gerar qualquer coisa outra vez. Agent Sk…

// pluginsharebeats/⟨Python⟩★ 10◷ MIT[ claude ]