← ClaudeAtlas

pdlc-add-applisted

添加新的前端应用
kanfu-panda/pdlc-skills · ★ 16 · AI & Automation · score 81
Install: claude install-skill kanfu-panda/pdlc-skills
# 添加新的前端应用 <!-- @include templates/prompts/iron-law.md(已内联于下方,无需另读) --> ⛔ **IRON LAW · 不可违反的硬门禁** 以下规则为**不可协商**的执行约束: 1. **文件必须落盘**:所有带编号(功能ID / 缺陷ID)的文档,必须作为实际文件写入磁盘,不可仅在对话中输出。 2. **阶段必须落章**:每个阶段完成后必须在状态机 `docs/.pdlc-state/<feature-id>.json` 追加 history,不可跳过。 3. **测试必须存在**:进入 `/pdlc-implement` 前,对应测试必须存在且处于红灯状态。违反则中止。 4. **自检必须执行**:段二自检为强制步骤,不得以"已经很好了"为由跳过。 5. **防循环**:段三修复为单次,不递归。无法自动修复的问题记录到报告,继续往下走。 6. **状态必推进**:成功执行某 phase 后 `current_stage` 必须变更。收尾时若发现 `current_stage` 未推进,视为失败并报错,**不得静默返回**(防止外层循环拿滞后的状态空转烧额度)。唯一例外:命中人工点主动 block 时,`current_stage` 保持不变但必须写 `last_phase_result.ok=false` + `blocked_reason`。 **违反任一条 = 立即中止当前命令,输出违规详情,等待人工介入。** <!-- @include-end templates/prompts/iron-law.md --> 在项目中添加一个新的前端应用,并生成完整的目录结构和初始文档。 ## 工作流程 1. 运行 `make new-app` 或直接在 `frontend/web/` 下创建应用目录(或 `frontend/h5/`、`frontend/miniprogram/`、`frontend/app/`) 2. 根据技术栈生成标准目录结构 3. 创建应用的 README.md、CHANGELOG.md、package.json 4. 在 `frontend/<分类>/<应用名>/docs/` 下创建初始文档 5. 更新项目 CLAUDE.md 中的应用列表(如需要) ## 支持的技术栈 - react: React + TypeScript + Vite - vue: Vue 3 + TypeScript + Vite - nextjs: Next.js(React SSR) - miniprogram: 微信小程序 ## 要求 <!-- @include templates/prompts/output-language.md(已内联于下方,无需另读) --> 🌐 **Output language for generated artifacts** All generated artifacts (PRDs, design docs, code comments, review reports, test plans, deployment manuals, changelog entries, etc.) follow this policy: 1. **Default — match the conversation language exactly**: - 用户用中文与 Claude 对话 → 产中文文档、中文代码注释、中文报告 - Us