在装好 superpowers 的编程助手里提出功能需求，先确认设计，再检查实施计划。下面以给现有 react 待办列表增加日期筛选为例。

初始化与需求澄清 (Brainstorming)

当你向配置了 Superpowers 的 AI 助手发送需求时，它不会立即开始写代码。首先激活的是 brainstorming 技能。

在会话里输入「我想给 Todo 列表加个功能，能按日期筛选任务」。

助手会先检查项目上下文，然后向你提问以明确细节。它可能会问：“你希望筛选是基于任务的创建时间还是截止时间？筛选后的视图是替换现有列表还是显示在侧边栏？”

这一步的目的是防止 AI 基于错误假设进行开发。你需要明确回答这些业务逻辑问题。

☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜

Superpowers 澄清需求并比较实现方案的实录。截图任务是邮箱校验，与正文示例不同。

方案选择与设计文档 (Design Document)

在明确了需求后，助手会列出几种实现方案供你选择。例如。

MaterialDesign风格下拉菜单jquery插件

menu.js是一款Material Design风格的jquery下拉菜单插件。通过menu.js插件，你可以非常轻松的制作出Material Design风格的下拉菜单或下拉列表。 使用方法 在页面中引入样式文件menu.css和jquery.min.js、menu.js文件。

下载

• 方案 A：在顶部增加一个日期选择器，实时过滤列表。
• 方案 B：增加一个侧边栏日历，点击日期加载对应任务。

假设你选择了方案 A。助手随后会撰写一份简短的设计文档（Design Doc），通常保存在 docs/superpowers/specs/ 目录下。文档可包含以下内容。

• 目标 实现按创建日期筛选。
• 非目标 不支持按截止日期筛选。
• 技术约束 若项目已使用 Redux，可沿用现有 Store 保存筛选状态。
• UI 交互 使用原生 HTML5 date input 组件。

关键步骤 你必须审阅并批准这份文档。只有在你回复“Approved”或类似确认后，开发流程才会继续。这是 Superpowers 的硬网关（Hard Gate），未经批准不得进入编码阶段。

制定实施计划 (Writing Plans)

设计批准后，writing-plans 技能被激活。助手会将功能拆解为一系列微小的、可执行的工程任务（Tasks）。每个任务预计耗时 2-5 分钟，且包含具体的文件路径和验证步骤。

生成的计划可按以下步骤拆分。

1. Task 1 如果项目已经使用 Redux，在 Store 中添加 filterSlice，定义 setDateFilter action。
2. Task 2 创建 DateFilterInput 组件，绑定 onChange 事件调用 Action。
3. Task 3 修改 TodoList 组件，接入 Selector 获取过滤后的数据。
4. Task 4 编写单元测试覆盖 filterSlice 的逻辑。

实际会话生成的实施计划，包含文件路径、任务拆分与执行选项。截图任务是相册详情改版。