Phase 2: Core Features (Week 2-3)【免费下载链接】skillsSkills Catalog for Codex项目地址: https://gitcode.com/GitHub_Trending/skills4/skillsGoal: Implement main functionalityTasks:Feature A implementationFeature B implementationDeliverables: Core features workingEstimated effort: 1 week### 第 4 步创建任务Create Tasks 计划落定后再次使用 Notion:notion-create-pages 在工程任务数据库中批量创建 7 个任务。示例中的任务拆分堪称 UI 组件拆分的范本 1. Create SearchInput component创建 SearchInput 组件 2. Implement useDebounce hook实现 useDebounce 防抖 Hook 3. Add keyboard navigation增加键盘导航 4. LocalStorage for recent searches用 LocalStorage 保存最近搜索 5. Result categorization UI结果分类 UI 6. Accessibility audit无障碍审计 7. Mobile responsive styling移动端响应式样式 任务拆分并非随手为之[task-creation.md](https://link.gitcode.com/i/407400dc776038d38f17f153097979e6) 给出了明确的粒度约束 - **合适的任务**1~2 天内可完成、单一清晰交付物、可独立测试、依赖最少 - **过大的任务**超过 3 天、多交付物、多依赖 → 需要继续拆分 - **过小的任务**少于 2 小时、过度细碎 → 与相关工作合并。 同时建议按**阶段调整粒度**早期阶段任务可以偏大如设计数据库 schema中后期任务应小而精确如修复表单校验 bug、给按钮加 loading 态。命名规范要求使用动作动词Implement / Build / Create / Integrate / Fix / Test / Document 等并带上具体上下文例如示例中第 2 个任务写成 Implement useDebounce hook 而不是 Add debounce。 创建任务时需要先定位任务数据库并确认其 schema参考 [task-creation.md](https://link.gitcode.com/i/407400dc776038d38f17f153097979e6) 的完整调用模式Notion:notion-search query: Engineering Tasks query_type: internalNotion:notion-fetch id: tasks-database-id随后用数据库的 data_source_id形如 collection://tasks-db-uuid作为 parent 创建任务页并设置 Status、Priority、关联关系Relation 指向 spec 与 plan等属性Use Notion:notion-create-pages:parent: { type: data_source_id, data_source_id: collection://tasks-db-uuid }properties: { [Title Property]: Task: [Clear task name], Status: To Do, Priority: [High/Medium/Low], [Project/Related]: [spec-page-id, plan-page-id] }每个任务的正文遵循 [task-creation-template.md](https://link.gitcode.com/i/93040258033fb8c7f5615c3ea3b5ef00)必须包含 Context、Description、Acceptance Criteria、Technical Details、Dependencies、Resources 与 Progress 区块。**验收标准必须是可测试的**——这一点在 [spec-parsing.md](https://link.gitcode.com/i/8df8103e3e715429a6fabd2efa1077a0) 中有专门的对比示例 - ❌ 不可测试System is fast系统很快 - ✅ 可测试Page loads in 2 seconds页面 2 秒内加载完成 ### 第 5 步实施与追踪Implement Track 任务创建后进入实施阶段。示例文档明确记录As each task completed, updated status and added progress notes with screenshots and implementation details——即**每完成一个任务就同步更新状态并附带截图与实现细节的进度笔记**。 进度追踪的节奏与格式在 [progress-tracking.md](https://link.gitcode.com/i/51735100ba12165f1184a6b84f6fe65f) 中有完整定义 - **每日更新**活跃开发期更新任务状态、添加进度笔记、记录阻塞项 - **里程碑更新**阶段完成时标记阶段完成、添加里程碑总结、更新时间线、向干系人汇报 - **状态变更更新**状态流转时To Do → In Progress → In Review → Done任何变更都要附带说明。 状态字段的语义也有严格定义**To Do**未开始、依赖已满足、**In Progress**正在推进、需定期更新、**Blocked**无法推进、存在阻塞、**In Review**待评审、**Done**全部验收标准通过且已交付。 每次更新使用 Notion:notion-update-page配合 [progress-update-template.md](https://link.gitcode.com/i/a84c00eb3a0ae0b777d4c9a4db96e205) 的轻量格式 markdown ## Progress: [Date] ### Completed Today - [Specific item completed] ### In Progress - [Current work item and status] ### Next Steps 1. [Next action] ### Blockers - [Blocker description] or None ### Notes [Additional context, decisions made, issues encountered]阶段收尾时则使用 milestone-summary-template.md记录 Accomplishments、Deliverables、Metrics、Learnings 与 Next Phase。三、关键输出Key Outputs链接起来的工件网络示例文档明确列出了本次交付的三大核心输出输出说明Implementation Plan实施计划页链接回原始设计规范7 Component Tasks7 个组件任务写入 Engineering Tasks 数据库Progress Updates进度更新含代码片段与演示链接这三个工件构成了一张双向链接网络这正是该技能的核心价值所在。SKILL.md 第 4 步对此有明确要求Plan 链接到 SpecTasks 同时链接到 Plan 与 Spec可选用Notion:notion-update-page在 Spec 底部追加一个简短的 Implementation 区块指向 Plan 与 Tasks。这种双向追溯能力在 api-feature.md 的姊妹示例中体现得更完整——那里甚至给出了把 Spec 反向更新的具体命令Notion:notion-update-page page_id: user-profile-api-spec-page-id command: insert_content_after selection_with_ellipsis: ## Acceptance Criteria... new_str: --- ## Implementation **Implementation Plan**: mention-page url\...\Implementation Plan: User Profile API/mention-page **Status**: Planning complete, ready to start implementation 好处显而易见任何人打开 Spec、Plan 或任意一个 Task都能顺着链接看清为什么做、怎么做、做到哪一步了。四、环境前提Notion MCP 的连接与配置整个工作流强依赖 Notion MCP。SKILL.md 第 0 步专门规定了如果 MCP 调用因 Notion MCP 未连接而失败先暂停并完成以下设置的兜底流程添加 Notion MCPcodex mcp add notion --url https://mcp.notion.com/mcp启用远程 MCP 客户端在config.toml中设置[features].rmcp_client true或直接运行codex --enable rmcp_clientOAuth 登录codex mcp login notion【免费下载链接】skillsSkills Catalog for Codex项目地址: https://gitcode.com/GitHub_Trending/skills4/skills创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考