Use when a task needs customer-facing requirement convergence before implementation planning, especially when goals, scope, success criteria, or product boundaries are still unclear.
---
Use when planning depends on unstable, unfamiliar, recently-evolving, or semantically ambiguous technical knowledge that must be verified before the plan can rely on it.
Use when implementing any feature or bugfix, before writing implementation code
UI/UX 设计智能助手,适用于 Web 和移动端。包含 50+ 设计风格、161 配色方案、57 字体搭配、161 产品类型、99 UX 指南和 25 种图表类型,覆盖 10 种技术栈(React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui、HTML/CSS)。适用场景:规划、建设、创建、设计、实施、审查、修复、改进、优化、增强、重构和检查 UI/UX 代码。项目类型:网站、落地页、仪表盘、管理后台、电商、SaaS、作品集、博客和移动端应用。组件类型:按钮、弹窗、导航栏、侧边栏、卡片、表格、表单和图表。设计风格:玻璃拟态、粘土拟态、极简主义、 brutality、 新拟态、 Bento Grid、暗色模式、响应式设计、写实主义和扁平化设计。涉及主题:色彩系统、无障碍访问、动画、布局、排版、字体搭配、间距、交互状态、阴影和渐变。集成:shadcn/ui MCP 组件搜索和示例。
Uses power tools
Uses Bash, Write, or Edit tools
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
像 Manus 一样用文件持久化记忆,像 TDD 一样用小步执行。
Claude-Code-Agent-Plugin | superpowers (TDD & PM) | planning-with-files (Manus Style) | ui-ux-pro-max (Frontend Design) | MIT License
你是否经历过这些崩溃时刻?
| 场景 | 结果 |
|---|---|
| Claude Code Plan Mode 上下文被压缩 | 辛辛苦苦梳理的需求全部丢失,ToDo 永远无法完成 |
| brainstorming + writing-plans 输出一大段计划 | 疯狂冲击上下文,导致计划、状态、验证混在一起,最后谁都不可信 |
| 长任务执行到一半会话中断 | 再次打开时完全不记得做到了哪里,一切从头开始 |
| 项目既有 UI 又有逻辑/存储/协议约束 | 如果没有统一收敛,需求和实现边界会持续互相污染 |
Plan-For-All 的核心不是“多写几个文档”,而是把需求收敛、界面细化、技术计划、执行分解与测试执行拆成 agent 可调度的阶段产物:
brainstorming 负责主管式需求收敛与最终设计契约ui-ux-pro-max 与 writing-plans 是同级阶段,由 brainstorming 调度(有 UI 时先 UI,后 Writing)step-decomposition 负责执行视图提取test-driven-development 负责执行阶段测试优先task_plan.md 负责唯一状态真源Plan-For-All 将大段任务拆解成可恢复的小计划,基于 task_plan.md 统一跟踪当前状态,让 计划是最新状态,让 上下文只承载当前步骤。
flowchart LR
subgraph Traditional[传统方式]
A[全部塞进上下文] --> B[压缩丢失 / 状态漂移]
end
subgraph PlanForAll[Plan-For-All]
C[计划写入磁盘] --> D[按需读取]
D --> E[task_plan 单点统筹]
end
flowchart LR
subgraph P1[Phase 1: BRAINSTORMING]
A1[对接需求方] --> A2[逐个提问收敛]
A2 --> A3[方案比较与批准 + 写 design.md]
end
subgraph P2[Peer Stages Under Brainstorming]
B1[有 UI 需求?]
B1 -->|是| B2[ui-ux-pro-max 产出 UI 规格]
B1 -->|否| B3[直接进入 writing-plans]
B2 --> B3
B3 --> B4[detail_plan + task_plan.md]
end
subgraph P3[Phase 3: DECOMPOSE + EXECUTE]
C0[step-decomposition 生成 subplan] --> C1[按 subplan 执行]
C1 --> C2[TDD: 先失败测试后实现]
C2 --> C3[更新唯一状态源]
end
P1 --> P2 --> P3
| 原则 | 说明 |
|---|---|
task_plan.md 是唯一状态真源 | 状态只在这里更新,findings.md / progress.md 不得夺权 |
| 先收敛,后计划 | brainstorming 先像产品经理一样对接客户,逐个提问、比较方案、收敛整体需求,再写 design doc |
brainstorming 负责整体需求 | 不强行按前端/后端拆思路,一体化项目也先整体收敛 |
ui-ux-pro-max 与 writing-plans 同级 | 都由 brainstorming 调度;有 UI 需求时先 UI 细化,再进入 writing-plans |
writing-plans 是实现交接 | 服务写代码的人/agent,并吸收 UI 阶段输出的界面约束 |
| 先冒烟,后实现 | 非 trivial 任务必须先定义 smoke check 或 failure reproduction |
| TDD 不能后移 | 不再把 TDD 当成“写完代码后提醒一下”的附属动作 |
step_subplan 是执行视图 | 它是对应 phase 的执行视图,并保持 detail plan 该 phase 的原文完整复制(verbatim) |
| Hook 保底护栏保留 | hook 继续负责会话恢复、上下文回放、TDD/验证提醒,但不替代正文约束 |
| 新名词默认强制检索 | 新名词、语义漂移术语、近期新范式默认先查;如果会影响下一问、方案比较或设计假设,必须先查再问,优先官方,无官方则限制查近期高质量来源 |
| Audit 全流程持续生效 | brainstorming / planning / subplan / execute / completion 任一阶段出现新风险词都要重新纳入审计 |
ui-ux-pro-max 的位置ui-ux-pro-max 与 writing-plans 是 brainstorming 主管下的同级阶段。
它不负责需求收敛主流程,但在存在 UI 需求时必须先于 writing-plans 执行。
只有在下面这类情况下,它才会被 brainstorming 调用:
它负责的是:
它不负责的是:
用完以后,输出会并入 planning 输入,再进入 writing-plans。
当触发 UI 细化阶段时,必须落盘:
docs/plan-for-all/specs/YYYY-MM-DD-<topic>-ui-spec.md输入:
我想要一个待办网站,有登录功能。
自动发生的事:
[plan-for-all] 检测到新项目,进入 Phase 1: BRAINSTORMING
Q1: 这个待办网站是给自己用还是给别人用?
A: 个人使用 / B: 团队协作 / C: 公开访问
后续 brainstorming 会继续逐个提问,收敛:
如果在整体需求已经收敛后,发现这个项目确实需要专门的界面设计细化,brainstorming 才会调用 ui-ux-pro-max 补充:
然后由 brainstorming 统筹把 UI 输出合并到 planning 输入,再交给 writing-plans。
输入:
帮我规划一个本地 API proxy,把不同 provider 路由到统一入口。
自动发生的事:
Phase 1: AI 先核验协议/兼容性等高风险外部事实
-> 再整体收敛问题定义、协议边界、配置契约、验收标准
-> 写出 design contract
这类项目没有需要专门细化的用户界面,因此:
跳过 ui-ux-pro-max
直接进入 Phase 2: WRITING PLANS
输入:
我想做一个本地知识库工具,有搜索、标签、笔记编辑和本地存储。
自动发生的事:
Phase 1: AI 先整体收敛用户流程、界面需求、数据存储、搜索行为、编辑功能和本地边界
-> 不强行拆成前端阶段 / 后端阶段
如果收敛后发现需要专门细化界面层,才局部调用 ui-ux-pro-max。否则直接写 design doc,再进入 writing-plans。
Amazon Bestsellers Top50 类目分析全流程插件。包含编排器、爬虫、分块提取、四维度分析(市场竞争/用户评论/A+内容/细分类)与汇总报告。
npx claudepluginhub mengsi16/plan-for-all --plugin plan-for-allStructured project planning and execution through brainstorm, spec, and build phases across three execution tiers: sequential, delegated sub-agents, and full agent teams
Interviewing to understand requirements, and then implementing them using a Manus-style approach.
Structured development skills for any project. Provides brainstorming, planning, parallel agent development, browser testing, systematic debugging, and self-improvement workflows.
Iterative plan review and execution workflow for Claude Code
Ultra-compressed communication mode. Cuts ~75% of tokens while keeping full technical accuracy by speaking like a caveman.
Comprehensive UI/UX design plugin for mobile (iOS, Android, React Native) and web applications with design systems, accessibility, and modern patterns