pdlc-ui-design
星标10
分支2
更新时间2026年7月18日 05:23
UI/UX 设计
安装
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
SKILL.md
readonly来源
下载
相关职业SOC
基于 SOC 职业分类
菜单
UI/UX 设计
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
全自动 PDLC 新功能开发（串联 PRD→设计→TDD→实现→评审→发布）
全自动 Bug 修复（定位→复现→修复→测试→文档）
按设计文档和已有测试用例实现代码（带前置守卫、自检、handoff）
创建 PRD 文档（自动化生成 + 自检 + handoff）
质量闸门——跑真实 check、对照质量目标、出可核对报告，由人签字放行
代码评审 + 文档评审
| name | pdlc-ui-design |
| description | UI/UX 设计 |
| argument-hint | <功能描述 | 页面名> |
| allowed-tools | Read, Write, Edit, Glob, Grep, Bash |
| layer | 3 |
| stage | design |
| produces | ["docs/02_design/ui-ux/**"] |
| requires | [] |
| next_step | null |
| terminal_state | null |
根据需求文档，生成 UI/UX 设计方案，包含页面布局、交互流程、组件规范。
docs/01_requirements/prd/ 目录下搜索包含该关键词的 PRD 文档
F<日期>-<编号>-*<关键词>*-prd.mdYYYYMMDD-*<关键词>*-prd.md⛔ PDLC 守卫：未找到与「<功能名>」相关的 PRD 文档。
UI 设计必须基于已有的 PRD。请先运行：
👉 /pdlc-prd <需求描述>
F20260326-090000），读取该 PRD 内容，继续执行docs/02_design/ui-ux/ 下创建 UI 设计文档<功能ID>-<功能名>-ui.md（如 F20260326-090000-user-auth-ui.md）
YYYYMMDD-<功能名>-ui.md<!-- PDLC-TRACE -->
<!-- 功能ID: F20260326-090000 -->
<!-- 功能名称: user-auth -->
<!-- 阶段: 设计 -->
<!-- 前置文档: docs/01_requirements/prd/F20260326-090000-user-auth-prd.md -->
┌─────────────────────────────────┐
│ 顶部导航栏 [用户头像] │
├─────────────────────────────────┤
│ 侧边栏 │ 主内容区域 │
│ ┌─────┐ │ ┌──────────────┐ │
│ │菜单1│ │ │ 表格/列表 │ │
│ │菜单2│ │ │ │ │
│ │菜单3│ │ └──────────────┘ │
│ └─────┘ │ [分页器] │
├─────────────────────────────────┤
│ 底部信息栏 │
└─────────────────────────────────┘
frontend/<分类>/<应用名>/docs/ 下放一份副本设计目标: $ARGUMENTS
本命令的 handoff 输出：
✅ UI/UX 设计文档 完成
📦 产出：docs/02_design/ui-ux/<功能ID>-<功能名>-ui.md
👉 下一步：（本次流程结束，无后续）