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”
135 skills
akillness Design System
Define or refactor a shared frontend UI system by establishing token governance, visual-language rules, primitive naming, and cross-product consistency before polishing individual screens.
42 · bundle
voltagent Miro Design Analysis
Documents Miro's brand design system including colors, typography, layout, and component patterns for visual consistency.
50.9k · bundle
owl-listener Design QA Checklist
Create systematic QA checklists to verify that design implementations match specifications across visual accuracy, layout, interaction, content, accessibility, and cross-platform categories.
1.7k
owl-listener Naming Convention
Establish clear naming conventions for design assets, components, and tokens to make design systems predictable and maintainable.
1.7k
antigravity Rayden Use
Build and maintain Rayden UI components and screens in Figma via Figma MCP with full design token enforcement.
42.4k
voltagent Warp Inspired Design Analysis
Analyzes Warp's design language—warm dark canvas, restrained Inter typography, tight button radii, and terminal-mockup imagery—to extract a reusable design token system.
50.9k · bundle
owl-listener Color System
Build a comprehensive color system with palette generation, semantic mapping, and accessibility compliance.
1.7k
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
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
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
owl-listener Critique Brand Consistency
Check a screen's brand expression by comparing it against mood, voice, and design token reference files, flagging divergences and suggesting corrections.
1.7k
voltagent Notion Design Analysis
Documents Notion's brand design system including color tokens, typography hierarchy, layout spacing, and component geometry across homepage, enterprise, AI, agents, startups, and pricing surfaces.
50.9k · bundle
voltagent Uber Inspired Design Analysis
Analyzes and recreates Uber's design language: a black-and-white palette, custom geometric display and text fonts, pill-shaped interactive elements, and editorial 4:3 illustrations for transportation and delivery interfaces.
50.9k · bundle
nextlevelbuilder Design System
Creates and manages design tokens with a three-layer architecture (primitive, semantic, component), generates CSS variables and component specifications, and produces brand-compliant slide presentations with Chart.js integration.
· bundle
owl-listener Theming System
Design a theming architecture that supports brand variants, dark mode, and high-contrast modes with token mapping.
1.7k
kvn8888 Openfoodjournal UI
Defines the design tokens, component catalog, and layout patterns for the OpenFoodJournal SwiftUI app, ensuring new views stay visually consistent.
3
affaan-m Liquid Glass Design
Implement Apple's Liquid Glass design system for iOS 26+ with dynamic glass materials, blur, reflection, and interactive morphing in SwiftUI, UIKit, and WidgetKit.
226k
pwdev-solucoes Skill Frontend Design
Design precise, production-grade enterprise UI — dashboards, admin panels, SaaS interfaces, and data-heavy applications. Use this skill for professional software interfaces that need Jony Ive-level craft: clean, minimal, functional, with intentional personality. Do NOT use for creative landing pages, marketing sites.
2 · bundle
tinh2 Design Color
Adds strategic color to monochromatic or dull interfaces using oklch for perceptually uniform palettes, generating harmonious color systems with automatic light/dark variants and accessible contrast ratios.
13
pwdev-solucoes Brand Kit
Extrai tokens de cor, tipografia, grid, logo e componentes do Figma e grava na seção 3 do contexto, marcando itens inferidos quando não há acesso ao Figma.
2
antigravity UI Pattern
Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.
42.4k
alirezarezvani Design System
Onboards brand tokens and generates a 12-token CSS palette for consistent, WCAG-AA-compliant HTML document styling across markdown conversions.
20.4k · bundle
majiayu000 Aica
Provides Kelvin Garr's fixed AICA brand identity and Next.js 14 implementation guide for building his personal sites and AICA-branded projects.
567 · bundle
pwdev-solucoes Social Context
Cria e mantém o contexto de criativos da marca, incluindo Figma, brand kit, formatos, geradores e restrições, para uso por outras skills do plugin.
2
drnabeelkhan Maxim Brand
Builds and enforces brand identity through structured agents covering positioning, voice, visual systems, and consistency audits, with behavioral science frameworks applied throughout.
2 · bundle