基于已确认的设计概念,用 React 和 Tailwind 逐页构建响应式页面并逐一审查。
填写变量
填写后,下方提示词与复制内容会同步替换。
基于已批准的概念,构建 {{page}} 页面。
约束条件:
- 使用单文件 React 组件并搭配 Tailwind
- 移动优先,响应式设计
- 性能预算:除非有合理理由,否则不使用超过 50kb 的库
- [Phase 1 中的特定交互] 必须作为核心亮点
- 使用 frontend-design 技能确保设计质量
向我展示该组件。我将在进入下一页之前进行审查。Based on the approved concept, build the {{page}} page.
Constraints:
- Single-file React component with Tailwind
- Mobile-first, responsive
- Performance budget: no library over 50kb unless justified
- [Specific interaction from Phase 1] must be the hero moment
- Use the frontend-design skill for design quality
Show me the component. I'll review before moving to the next page.