# Artifacts Ideation Playbook

> Turn a conversational idea into a shareable, interactive artifact by iterating on scope, interactivity, and user flow in short cycles.

- Skill: `uygnoey/artifacts-ideation-playbook` (Agent Skill)
- Install (CLI): `npx skillmds@latest add uygnoey/artifacts-ideation-playbook`
- Raw SKILL.md: https://api.skillmd.com/api/skills/uygnoey/artifacts-ideation-playbook/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: uygnoey (https://skillmd.com/u/uygnoey)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/uygnoey/artifacts-ideation-playbook

---


## Instructions

Use this skill to guide an artifacts-building session (in the Claude app) from initial idea to a usable, shareable interactive experience.

1. Start with a single-sentence goal.
   - What should the artifact help the user do or learn?
2. Choose the artifact type.
   - Examples: productivity tool, educational game, flashcards, interactive story, tutor.
3. Define the interaction loop.
   - What inputs does the user provide?
   - What does the artifact output or update?
   - How does it handle multiple topics or levels?
4. Iterate in small steps.
   - Ask for one change at a time (layout, content, logic, difficulty).
   - After each change, check that the artifact remains understandable and easy to use.
5. Organize and share.
   - Save versions or fork an existing artifact to customize.
   - Share the artifact and confirm viewers can access it.

## Examples

### Example: Flashcard artifact iteration
Goal: "Help me study a topic with interactive flashcards."
- Step 1: Ask the user to pick a topic.
- Step 2: Generate a small deck.
- Step 3: Add a simple progress indicator.
- Step 4: Add a way to switch topics.

### Example: Customize an existing artifact
- Identify what you want to keep.
- Replace the content/theme.
- Add one interactive feature.
- Verify the new version is still coherent.

## Source
- https://claude.com/blog/build-artifacts