第一个设计任务
1. 给出目标和交付格式
先说明你要做什么、给谁看、最后需要什么文件:
text
使用 huashu-design 做一个 AI 番茄钟的 iOS 高保真原型。
目标用户是容易分心的知识工作者。
需要 4 个核心屏幕,可以真实点击切换。
最终交付单文件 HTML,并验证 390x844 视口。2. 提供设计上下文
如果有以下材料,一次提供完整:
- 产品名与一句话定位
- Logo、品牌色、字体与禁用规则
- 现有 Figma、UI 截图或代码库
- 喜欢或不喜欢的参考产品
- 必须出现的真实文案和数据
没有材料也可以开始。Skill 会先写出假设,并在需求模糊时制作多个方向供选择。
3. 确认方向后实现
当 Agent 给出假设、资产缺口或设计方向时,优先修正理解问题,再进入完整实现。不要让错误方向在高保真阶段继续累积。
4. 要求验证
text
完成后请:
1. 用 Playwright 打开页面并检查控制台错误。
2. 在 390x844 与 1440x900 两个视口截图。
3. 点击所有主要交互路径。
4. 汇报已验证内容、已知限制与文件位置。一个完整提示词
text
使用 huashu-design 制作一个中文读书 App 的 iOS 原型。
受众:每天阅读 20 分钟的上班族。
核心流程:首页选择一本书,进入阅读页,调整字号,查看阅读统计。
视觉:安静、清晰、适合夜间使用,不要紫色科技渐变。
资产:目前没有 Logo,书籍封面可使用公共领域素材。
交付:4 个可点击屏幕的单文件 HTML,带真实 iPhone 框架。
验证:390x844 视口无横向溢出,所有按钮可点击,控制台无错误。何时暂停 Agent
出现以下情况时,应先补信息:
- 具体品牌却没有真实 Logo 或产品图
- 需要展示数据,却没有来源或样本
- 输出尺寸和使用场景不明确
- 需要可编辑 PPTX,但设计依赖大量 CSS 特效
- 要求的视频时长、旁白和音频授权不清楚