Design workflow — create design systems, DESIGN.md, and design
Scanned 9/5/2026
Install to Claude Code
npx -y skills add gracefullight/krds --skill design --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Design?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/gracefullight-design)More formats (shields.io, HTML) on the badges page.
---
name: design
description: Design workflow — create design systems, DESIGN.md, and design
tokens with anti-pattern enforcement and accessibility checks
disable-model-invocation: true
---
# /design
Read and follow `.agents/workflows/design.md` step by step.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Creating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools.