Artifact Design
Design artifacts such as HTML pages, dashboards, charts, reports, plans, memos...
Install
npx skills add ahmadrosid/nakama --skill artifact-design -g -a claude-code -y- Repository
- ahmadrosid/nakama748
- Category
- Design
- Updated
- 3d ago
- License
- MIT
- Context cost
- Mediumabout 3,000 tokens
- Runs scripts
- No, instructions only
What it does
Design artifacts such as HTML pages, dashboards, charts, reports, plans, memos, summaries, code snippets, and logs. For slide decks and presentations, use slide-deck-design.
Design complete deliverables that the user can revisit in the profile Artifacts tab. These instructions are loaded directly when this skill is active.
Choose the output
- Use HTML for visual reports, plans, memos, landing pages, and browser games.
- For slide decks and presentations, follow the slide-deck-design skill. It holds the deck template; load it with load_skill. Its theme, font, and resource rules replace the ones in this skill.
- Keep the format the user requests. Use Markdown for pages only when the user or another active skill requires it.
- Keep code, logs, and structured data in their appropriate formats. Preserve existing formats when moving files or editing artifacts.
