Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

jobs-audit

Steve Jobs Design Thinking Audit. Auto-activates on: "simplify", "too complex", "UX review", "design audit", "user experience", "feature bloat", "streamline", "make it simpler", "overwhelmed users", "confusing interface"

498 repo starsObserved in 2 repos
Design

justicehub-brand-alignment

JusticeHub brand alignment and design system. Use for page creation, design review, component patterns, accessibility, and copy writing.

498 repo starsObserved in 2 repos
Design

mapping-visualization-scaffolds

Use when complex systems need visual documentation, mapping component relationships and dependencies, creating hierarchies or taxonomies, documenting process flows or decision trees, understanding system architectures, visualizing data lineage or knowledge structures, planning information architecture, or when user mentions concept maps, system diagrams, dependency mapping, relationship visualization, or architecture blueprints.

498 repo starsObserved in 2 repos
Design

mermaid-diagramming

Generates Mermaid v11+ diagrams with YAML frontmatter, ELK layout, and Dracula theming across 22 types: flowcharts, sequence diagrams, state machines, ER diagrams, class diagrams, mindmaps, block diagrams, journey maps, requirement diagrams, pie charts, quadrant charts, sankey diagrams, XY charts, radar charts, gantt charts, treemaps, C4 architecture, architecture-beta, packet-beta, timelines, gitgraph, and kanban boards. Use when visualizing logic flows, system architecture, state transitions, data relationships, temporal sequences, user journeys, project timelines, network protocols, or any structured diagram requiring theming, classDef styling, and WCAG 2.1 accessibility with accTitle and accDescr annotations.

498 repo starsObserved in 2 repos
Design

mermaid-optimize

Improve readability, consistency, and completeness of Mermaid diagrams. Use when Claude needs to optimize Mermaid diagrams for visual clarity, better layout, missing components, or standardization across files. This skill enhances diagram quality while preserving the original architecture and meaning.

498 repo starsObserved in 2 repos
Design

nielsen-error-recovery

Diseña mensajes de error claros que ayuden a los usuarios a recuperarse. Use cuando implemente manejo de errores, validaciones, o estados de fallo en la interfaz.

498 repo starsObserved in 2 repos
Design

nielsen-minimalist-design

Elimina información irrelevante que compite por atención con lo esencial. Use cuando evalúe densidad de información, jerarquía visual, o simplifique interfaces sobrecargadas.

498 repo starsObserved in 2 repos
Design

nw-interaction-choreography

Animation principles, timing, easing curves, and choreography sequences for futuristic interfaces -- motion as communication

498 repo starsObserved in 2 repos
Design

peak-end-rule

Las experiencias se juzgan por su punto más intenso y su final. Use cuando diseñe user journeys, onboarding, checkout, o cualquier experiencia extendida.

498 repo starsObserved in 2 repos
Design