← ClaudeAtlas

page-generatorlisted

在现有软件项目中实现业务功能页面,并需要遵循项目规范、路由、Mock、组件约定及验收流程时使用本技能。 触发场景:(1) "创建页面" "生成页面" "添加页面" "新建页面", (2) "列表页" "详情页" "表单页" "编辑页", (3) "实现xx功能" "按照需求说明书实现xx功能" "按照需求说明书实现所有功能", (4) "开发xx功能" "做xx功能" "完成xx功能", (5) 用户需要为后台管理/网站/移动端项目添加可运行的业务页面时。 「实现全部功能」「按计划实现所有功能」「连续实现」「一直实现」「自动实现」这类**批量连跑的说法走 `task-breakdown`** (它的自动执行模式是这条链的方向盘,再由它按计划逐个调用本技能)。 仅做视觉方向、设计系统检索或 UX/无障碍评审时不使用;这类任务交给 ui-ux-pro-max。
iDWong/dev-skills · ★ 1 · Web & Frontend · score 77
Install: claude install-skill iDWong/dev-skills
> **⚠️ `.agents/` 是外部资源包路径,本机已不存在**(`Documents/Claude/Product/.agents/` 已删除)。 > 下文凡引用 `.agents/knowledge/`、`.agents/agents/`、`.agents/agent-memory/` 的地方**读不到文件**, > 按以下降级处理,**不要因此中止**: > - `.agents/knowledge/**`(内容规范、质量清单)→ 用本技能 `references/` 下的模板与检查表;两者都缺时按通用工程规范执行并在产出里标注「无内容规范可依」 > - `.agents/agents/*.md`(子 Agent 派发)→ 不派发,由当前会话直接执行该角色的工作 > - `.agents/agent-memory/**`(跨会话记忆)→ 跳过读写,改为在产出里写清本次的决定 > - `.agents/rules/prd-to-srs-gate.md` → **已迁到 `../common/prd-to-srs-gate.md`**(库内权威副本) # 页面生成器工作流 每次生成功能页面,必须严格按以下 **8 个步骤(步骤 0–7)** 执行,每步都要有结果输出。 > **重要**:本 skill 是通用工作流框架��不绑定任何特定项目或框架。 > 项目特有约定(目录结构、命名规范、路由方式、导航方式、全局样式、Mock 等) > 由步骤 2 的 `page-spec-loader` 从 `{PROJECT_PATH}/README-DEV.md` 加载(优先), > 并辅以 `{WORKSPACE_PATH}/.agents/knowledge/` 中的通用规范。 > 若 README-DEV.md 不存在,则通过读取项目文件自行推断。 > **多子项目说明**:子项目一律在 **`dev/code/`** 下(如 `dev/code/admin/`、`dev/code/shadcn/`、`dev/code/mobile/`; > 存量项目可能仍在仓库根,那就按实际位置来)。若存在��个子项目, > 步骤 1 必须先确定目标子项目,后续所有路径均以**子项目根目录**为 **PROJECT_PATH**; > **WORKSPACE_PATH** 为含 `.agents/` 的仓库根目录(通常为 PROJECT_PATH 的父目录)。 > > **子项目选型参考**:Vue + Element Plus 后台 → `admin/`;React + shadcn/ui 后台 → `shadcn/`;移动端 H5 → `mobile/`(按 SRS 端别与用户指令为准)。 > **交付模式**:读取 `AGENTS.md`「交付模式」分技能默认及用户声明;**本技能未声明时默认「快速」**(可说「标准模式」升档)。步骤 1 记录 `DELIVERY_MODE`,步骤 6 按该模式选择审查范围。 --- ## 步骤 0:分层真源门禁(必须先于步骤 1) > 两个真源:**规则层认 SRS**(`SPEC_SOURCE`)、**UI 层认设计稿**(`DESIGN_SOURCE`)。先过 SRS 门禁,再做步骤 0b。 Read `../common/prd-to-srs-gate.md`,执行检测: 1. `Glob("dev/SRS/*.md")`、`Glob("docs/SRS/*.md")`(旧根)、`Glob(