Loading...
Loading...
Compare original and translation side by side
/ui-design yourbench "login screen"
/ui-design yourbench "dashboard" --variants 3
/ui-design coordinatr "project list" --tech shadcn
/ui-design yourbench list # Show existing designs/ui-design yourbench "login screen"
/ui-design yourbench "dashboard" --variants 3
/ui-design coordinatr "project list" --tech shadcn
/ui-design yourbench list # 查看已有原型ideas/yourbench/docs/ui-designs/
├── login-screen-v1.html
├── login-screen-v2a.html # Variant A
├── login-screen-v2b.html # Variant B (approved)
├── dashboard-v1.html
└── components/
└── button-variants.htmlideas/yourbench/docs/ui-designs/
├── login-screen-v1.html
├── login-screen-v2a.html # 变体A
├── login-screen-v2b.html # 变体B（已批准）
├── dashboard-v1.html
└── components/
└── button-variants.htmlGlob: ideas/[project]/docs/ui-designs/*.html
Read: shared/docs/style-guide.md
Read: ideas/[project]/project-brief.mdGlob: ideas/[project]/docs/ui-designs/*.html
Read: shared/docs/style-guide.md
Read: ideas/[project]/project-brief.md→ ideas/yourbench/docs/ui-designs/login-screen-v1.html→ login-screen-v1a.html
→ login-screen-v1b.html
→ login-screen-v1c.html→ ideas/yourbench/docs/ui-designs/login-screen-v1.html→ login-screen-v1a.html
→ login-screen-v1b.html
→ login-screen-v1c.htmlCreated 3 login screen variants:
1. v1a.html - Minimal, centered form
2. v1b.html - Split screen with illustration
3. v1c.html - Card-based with social logins
View: open ideas/yourbench/docs/ui-designs/login-screen-v1a.html
Which direction? (a/b/c/iterate/combine)已创建3个登录界面变体：
1. v1a.html - 极简居中表单样式
2. v1b.html - 带插画的分屏样式
3. v1c.html - 带社交登录选项的卡片样式
查看：open ideas/yourbench/docs/ui-designs/login-screen-v1a.html
选择哪个方向？(a/b/c/迭代/组合)User: approve v1b
AI: ✓ Marked login-screen-v1b.html as APPROVED
Reference in TASK.md:
"Implement login per docs/ui-designs/login-screen-v1b.html"用户：approve v1b
AI：✓ 已标记login-screen-v1b.html为【已批准】
在TASK.md中添加引用：
"根据docs/ui-designs/login-screen-v1b.html实现登录功能"| Option | Description |
|---|---|
| Plain HTML/CSS/JS (default) |
| Styled for shadcn/ui with implementation hints |
| Styled for Chakra UI |
| 选项 | 描述 |
|---|---|
| 纯HTML/CSS/JS（默认选项） |
| 适配shadcn/ui的样式，并提供实现提示 |
| 适配Chakra UI的样式 |
/ui-design yourbench list
UI Designs for yourbench:
├── login-screen-v1b.html [APPROVED]
├── dashboard-v1.html [DRAFT]
└── settings-v1a.html [DRAFT]/ui-design yourbench list
yourbench项目的UI原型：
├── login-screen-v1b.html [已批准]
├── dashboard-v1.html [草稿]
└── settings-v1a.html [草稿]/implement yourbench 001 1.3 # "Implement login UI"
AI: Found approved design: login-screen-v1b.html
Implementing to match design...undefined/implement yourbench 001 1.3 # "实现登录UI"
AI：找到已批准的原型：login-screen-v1b.html
正在根据原型实现功能...undefinedundefinedundefined