# Interactive Prototype

> Working app with real interactions

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

---


# Interactive prototype

Create a fully interactive prototype with realistic state management and transitions. Use React useState/useEffect for dynamic behavior. Include hover states, click interactions, form validation, animated transitions, and multi-step navigation flows. It should feel like a real working app, not a static mockup.