Plugins
11 plugins@owl-listener
Design Systems
Design system skills: component specs, design tokens, naming conventions, spacing and grid systems, accessibility standards, and documentation.
11 skills · plugin
curated
Design System Foundation
Create design tokens, principles, and naming conventions for a new design system.
16 skills · plugin
@voltagent
DESIGN.md Design Systems
Ready-to-use DESIGN.md design systems extracted from real products, from VoltAgent's awesome-design-md.
74 skills · plugin
curated
Create Design System Documentation
Generate component specifications, pattern library entries, and design system documentation for UI consistency.
8 skills · plugin
@moonklabs
Design System
디자인 시스템 — Stitch `design.md` 스펙 생성기 + Sprintable 브랜드 UI 키트.
2 skills · plugin
curated
Design System Audit and Remediation
Identify design debt, audit tokens, and enforce consistency across a product.
14 skills · plugin
@owl-listener
UI Design
UI design skills: color palettes, typography systems, layout grids, responsive breakpoints, dark mode specs, visual hierarchy, and brand alignment.
14 skills · plugin
@leonxlnx
Taste
Design-taste toolkit: image-to-code, high-end visual design, brutalist/minimalist UI systems, image-gen frontends and redesign workflows from Leonxlnx.
12 skills · plugin
curated
Build Multi-Agent System with CrewAI
Design and orchestrate multi-agent AI teams using the CrewAI framework with agent roles, task decomposition, and crew processes.
11 skills · plugin
@alirezarezvani
Product Team
13 product skills with 17 Python tools: product manager toolkit (RICE, PRDs), agile product owner, product strategist, UX researcher, UI design system, competitive teardown, landing page generator, SaaS scaffolder, product analytics, experiment designer, product discovery, roadmap communicator, code-to-prd, research summarizer, apple-hig-expert.
10 skills · plugin
@brycewang-stanford
DAC Skills
Twelve DAC-specific skills for the ACM/IEEE Design Automation Conference (the Chips to Systems Conference) and its double-blind Research Manuscript track, grounded in the DAC 2026 (63rd) call, dac.com, IEEE CEDA, ACM SIGDA, the ACM Digital Library, and dblp.
2 skills · plugin
Results for “system-design”
589 skills
auto-skiller UI Styling
Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.
1 · bundle
srednoff888-art Dark Mode Theme System
Use this skill for dark mode tokens, contrast, theme persistence, system preference, color scheme QA. Trigger when the task involves web design work related to Dark Mode Theme System, implementation, audits, debugging, strategy, or validation.
1 · bundle
jiaiyan Naive UI Design Layout
Layout system for Naive UI including Grid, Flex, Space, and Layout components. Invoke when user needs to create responsive layouts, grid systems, or understand layout components.
8
google-labs-code Taste Design
Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards with strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
6.4k · bundle
voltagent Wired Inspired Design Analysis
Analyzes and recreates Wired magazine's editorial design language: a strict black-and-white duet, proprietary serif/sans typographic system, square buttons, magazine-style story grid, and hairline borders.
50.9k · bundle
comeonoliver Fd
Provides a frontend design mode for strong visual direction, UI polish, redesigns, landing pages, and production-grade interface work, including shadcn-based surfaces.
61
dangquangse Team Techlead
Designs system architecture, selects technology stack, creates ERDs and sequence diagrams, and records ADRs from BA artifacts, declaring a design freeze gate.
19 · bundle
aaaaqwq UI UX Pro Max
Searchable UI/UX design databases: 50+ styles, 97 palettes, 57 font pairings, 99 UX rules, 25 chart types. CLI generates design systems from natural language. Data-driven complement to ui-design.
1 · bundle
saranskumar Design
Use this skill when the user is designing any visual system, UI, graphic, layout, brand asset, or interface and needs structured, high-quality, communication-first design decisions across typography, layout, color, imagery, and UX.
0 · bundle
timlai666 Wpds
Use when building UIs leveraging the WordPress Design System (WPDS) and its components, tokens, patterns, etc.
1
tinh2 Design Setup
Scans a codebase to extract design tokens, typography, colors, spacing, and brand patterns, then writes a Design Context section to CLAUDE.md without asking questions.
13
oimiragieo Claude Design
Use when generating, prototyping, or iterating on UI designs (prototypes, wireframes, slide decks, landing/dashboard mockups) with Anthropic's Claude Design tool at claude.ai/design — particularly when you want a design system applied automatically and a clean handoff into Claude Code for implementation.
0
vvieira010-pixel Leverage And Response Design
Design a wise systems intervention from an existing analysis. Maps proposed actions against Meadows' leverage points, checks for unintended consequences, and generates alternatives.
0
seaworld008 Oracle
Designing and evaluating AI/ML systems: prompt engineering, RAG design, LLM application patterns, AI safety, evaluation frameworks, MLOps, cost optimization. Use for AI pipelines or eval harnesses.
65 · bundle
salacoste Bmad Testarch Test Design
Create system-level or epic-level test plans. Use when the user says "lets design test plan" or "I want to create test strategy"
1 · bundle
oimiragieo Stitch Taste Design
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
0 · bundle
peteedoo Stitch Design Taste
Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.
0 · bundle
vikingokft React Components
Converts Stitch designs into modular Vite and React components using system-level networking and AST-based validation.
0 · bundle
brycewang-stanford D2
Agent D2 - Data Collection Specialist - Interviews, Focus Groups & Observation. Covers protocol development, question design, probing strategies, transcription conventions, and systematic observation. Absorbed D3 (Observation Protocol Designer) capabilities.
1k
sinhoneyy Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
11 · bundle
desesbraker Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
2 · bundle
welitonevoc Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
1 · bundle
diegojcn Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
1 · bundle
inskillflow Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
1 · bundle
iamanacarolinarezende Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
0 · bundle
doriangallo Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
1 · bundle
mmehdi0606 Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
2 · bundle
francostino Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
63 · bundle
bouclem UI Review
Review UI code for StyleSeed design-system compliance, accessibility, mobile ergonomics, spacing discipline, and implementation quality.
7
arjumaan Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
1 · bundle
26bb Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
0 · bundle
sickn33 Shadcn
Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.
45.1k · bundle
michaelschecht Multiplayer Design
Design multiplayer systems including networking architecture, matchmaking, social features, anti-cheat, and multiplayer game modes. Use when adding online or local multiplayer to a game. Also trigger for "multiplayer", "online play", "co-op design", "PvP design", "matchmaking", "netcode", or "multiplayer architecture".
0
joshuashepherd Icon System
Establishes or validates a canonical Icon wrapper component, size token scale, stroke weight conventions, and illustration usage standards for a project, creating src/components/ui/icon.tsx and documenting the system.
1
joshuashepherd Design Chain
Audits and enforces a five-layer design chain (tokens, Tailwind, primitives, sections, pages) across components and pages, detecting hardcoded values, layer violations, dark mode parity issues, and missing primitives.
1
thatrebeccarae Tech Diagram
Generate technical architecture diagrams, pipeline flows, layer/stack diagrams, and system illustrations as standalone HTML files. Uses a dark-mode design system with embedded CSS and inline SVG. Use when the user needs architecture diagrams, system illustrations, flow charts, or technical visualizations.
105 · bundle