layered-backgrounds
Use when creating hero sections, landing pages, or premium visual effects. Covers gradient orbs, blur layers, noise textures.
498 repo starsObserved in 1 repos
Design
Design skills
Browse reusable Agent Skills, each with a clear purpose and practical guidance.
layout-framework
Use for any frontend layout or form arrangement work in PierceDesk. Covers Box/Container/Grid/Stack/Paper usage, responsive sizing, spacing rules, and how to align pages with the app’s layout framework. Trigger when asked to fix layout issues, align fields, create grids, or ensure design-system consistency.
498 repo starsObserved in 1 repos
Design
mermaid-diagrams
Render Mermaid diagrams to SVG using beautiful-mermaid and bun. Use when the user asks to "render mermaid", "generate diagram", "create flowchart", "update diagrams", "render SVG from mermaid", "beautiful-mermaid", "regenerate diagrams", or needs to convert Mermaid diagram syntax into styled SVG files. Supports all Mermaid diagram types with 15 themes including tokyo-night.
498 repo starsObserved in 1 repos
Design
mermaidjs-v11
Create diagrams with Mermaid.js v11 syntax. Use for flowcharts, sequence diagrams, class diagrams, ER diagrams, Gantt charts, state diagrams, architecture diagrams, timelines, user journeys.
498 repo starsObserved in 1 repos
Design
mobile-design
Mobile-first design thinking and decision-making for iOS and Android apps.
498 repo starsObserved in 1 repos
Design
radar-chart
Configure radar (spider) charts in drizzle-cube dashboards for multi-dimensional comparison. Use when creating radar charts, spider charts, or comparing multiple metrics across categories.
498 repo starsObserved in 1 repos
Design
spacing-system-designer
Creates spacing and sizing systems including margins, padding, gaps, and consistent spacing scales. Defines spacing tokens and usage guidelines for consistent layouts.
498 repo starsObserved in 1 repos
Design
timing-calibration
Use when animation speed feels wrong—too fast, too slow, or inconsistent
498 repo starsObserved in 1 repos
Design
typography-designer
Designs typography systems including font choices, font sizes, font weights, line heights, and text styles. Creates type scale and defines usage guidelines. Ensures readability and accessibility.
498 repo starsObserved in 1 repos
Design
ui-ux-research
Use when analyzing UI patterns across codebases, comparing design system implementations, auditing UI consistency, or understanding existing patterns before implementation
498 repo starsObserved in 1 repos
Design