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”
115 skills
voltagent Lovable
Provides a design system specification inspired by Lovable's website, including visual theme, color palette, typography rules, and component styling for building warm, approachable interfaces.
50.9k · bundle
vikingokft Taste Design
Generates DESIGN.md files for Google Stitch that encode premium, anti-generic UI standards including typography, color, layout, motion, and anti-patterns.
0 · bundle
voltagent Hp Design Analysis
Documents HP's design language with color tokens, typography hierarchy, and layout patterns for building enterprise-consumer interfaces.
50.9k · bundle
tinh2 Design Build
Builds production-grade web or mobile interfaces with distinctive design, modern CSS, and purposeful motion, inferring intent from the codebase without asking questions.
13
joshuashepherd Design Chain Audit
Audits a codebase against a multi-layer design system, checking token, primitive, component, and layout drift with automated grep checks and severity ratings.
1
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
antfu Antfu Design
Build interfaces with UnoCSS using semantic tokens, dark mode parity, and design polish for devtools and landing pages.
5.5k · bundle
agentskillexchange Snowe UI Skill
Guides coding agents through architecture-first UI/UX design, from product truth and user journeys to rendered browser critique, covering art direction, interaction, responsive behavior, and motion.
28
tinh2 Distinct UI
Builds distinctive, production-grade UI by committing to one of 12 named visual directions, implementing a real typography scale, spacing system, and one signature flourish, then gating the result through a measurable anti-slop checklist and contrast/touch-target verification.
13
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
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
auto-skiller UI Styling
Builds accessible React UIs with shadcn/ui components, Tailwind CSS utility styling, and canvas-based visual design systems.
1 · bundle
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
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
auto-skiller Liquid Glass Design
Implements Apple's Liquid Glass design system for iOS 26 apps, covering SwiftUI, UIKit, and WidgetKit integration with glass effects, morphing transitions, and customization.
1 · bundle
peixl Ifq Design Skills
Produces HTML-first visual design deliverables such as interactive prototypes, slide decks, motion demos, infographics, dashboards, landing pages, whitepapers, changelogs, business cards, social covers, and brand systems, with optional export to MP4, GIF, PPTX, PDF, or SVG.
24 · bundle
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
emilkowalski Apple Design
Translates Apple's fluid interface design principles—spring animations, direct manipulation, interruptibility, and velocity handoff—into web implementations using CSS, Pointer Events, and spring libraries like Motion/Framer Motion.
5k
owl-listener Doherty Threshold
Apply the Doherty Threshold to keep system response times under 400ms, maintaining user flow and perceived performance.
1.7k
adobe Prototype
Render a proposed redesign of a page as a self-contained static HTML file, then iterate via chat-driven commands until approved.
142 · bundle
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
owl-listener Aesthetic Usability
Apply the Aesthetic-Usability Effect to ensure visual consistency and polish translate into user trust and perceived quality without masking genuine usability problems.
1.7k
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 Post Visual
Cria peças únicas de feed (quote card, card de dado, capa, anúncio estático) com hierarquia visual e boas práticas de design, integrando-se ao Figma para montagem e screenshot.
2
antigravity UI Pattern
Generate reusable UI patterns such as card sections, grids, lists, forms, and chart wrappers using StyleSeed Toss primitives.
42.4k
emilkowalski Improve Animations
Audits a codebase's animation and motion code, then produces a prioritized list of findings and self-contained implementation plans for other agents to execute.
5k