// bundled skills · 03
claude-design
Create professional one-off HTML artifacts: landing pages, prototypes, mockups, visual boards and decks.
Metadata
params source bundled Installed by default in the Okami-Agent repository. path file skills/claude-design/SKILL.md triggers keywords design, landing, prototype, mockup, deck, visual, dashboard, html loaded by tool use_skill loads the full SKILL.md when the task matches.
When to use
- You need a standalone visual artifact.
- There are brand docs, screenshots or tokens.
- Fast visual exploration matters.
When not to use
- Real apps under ShadCN/HeroUI contracts.
- Product changes that must integrate into existing code.
- Design without context.
Recommended workflow
- Read brand/repo/tokens/screenshots.
- Choose typography, color, layout and motion intentionally.
- Build the artifact.
- Verify in browser.
Completion checks
- The workflow was followed.
- Relevant commands/tests/gates were run.
- The result cites real files or observable evidence when applicable.