name: interactive-prototype
description: "Working app with real interactions"
user-invocable: true

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.

创建一个完全可交互的原型，具备贴近真实的状态管理与过渡效果。使用 React 的 useState/useEffect 实现动态行为。包含悬停状态、点击交互、表单校验、动画过渡以及多步骤导航流程。它应当给人真实可用应用的感觉，而不是静态模型。