---
name: asgeirtj-interactive-prototype
description: "Working app with real interactions"
license: "CC0-1.0"
metadata:
  decimalai-skill-id: "5b9c7b84-72d7-4c53-acb9-6cc79bae65f6"
  decimalai-version-id: "98359ae4-9a3c-44e7-b5d1-dcf55dae9390"
  decimalai-version: "1"
  decimalai-body-sha256: "7a8abfd6b1273ef5bc06eaa8e27cd7ddd287b99d10269b6984c0c00d048e873e"
  decimalai-name: "asgeirtj/interactive-prototype"
  decimalai-format: "1"
  decimalai-invocation: "model"
  decimalai-category: "frontend"
  decimalai-source: "https://app.decimal.ai/s/asgeirtj-interactive-prototype@1/SKILL.md"
---
# 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.