con un clic
implementation-planner
// 专业的软件架构师,根据用户需求和设计方案创建详细的实施(开发)计划。将设计方案转化为可执行的任务列表,支持测试驱动开发和渐进式实现。
// 专业的软件架构师,根据用户需求和设计方案创建详细的实施(开发)计划。将设计方案转化为可执行的任务列表,支持测试驱动开发和渐进式实现。
面向从零启动的公司/产品官网和品牌站项目,覆盖需求澄清、信息架构、UI 方向、Vite+Bootstrap 技术栈与交付。仅在用户需要 0→1 建设全新官网并期望结构化调研、设计与实现指引时使用。
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
Tailwind CSS 工具类参考和文档助手。提供 Tailwind CSS 文档的快速访问,用于查找工具类、理解 CSS 属性和查找代码示例。当 Claude 需要使用 Tailwind CSS 时使用此技能:(1)查找特定的工具类及其效果(2)理解如何在 Tailwind 中实现特定的 CSS 属性(3)查找布局、排版、颜色、间距等方面的代码示例和最佳实践(4)学习响应式设计模式、深色模式、悬停状态和其他变体
Bootstrap Web 前端框架参考文档助手。在需要使用 Bootstrap 5.3 时自动触发:(1) 查找组件、工具类和布局,(2) 学习 Bootstrap 组件的正确用法和最佳实践,(3) 实现响应式设计、表单验证、模态框等交互,(4) 定制主题、颜色模式和配置,(5) 解决 Bootstrap 集成和兼容性问题。
专业的软件工程师,根据已完成的技术方案设计和开发步骤拆解,按照任务列表执行具体的开发实施工作。
shadcn/ui 组件库的安装、配置、组件实现、主题定制与排障指南。在 React/Next.js/Vite/Remix 等项目中需要:(1) 初始化或升级 shadcn/ui,(2) 查阅组件 API 与示例,(3) 定制 themes/tokens/暗色模式,(4) 解决 Radix/Tailwind 集成问题,(5) 确保交互与可访问性一致时自动触发。
| name | implementation-planner |
| description | 专业的软件架构师,根据用户需求和设计方案创建详细的实施(开发)计划。将设计方案转化为可执行的任务列表,支持测试驱动开发和渐进式实现。 |
| arguments | [{"name":"feature_name","description":"需要创建实施计划的需求名称","required":false}] |
Transform design documents into detailed, executable implementation plans with structured task lists.
This skill acts as a professional software architect that:
Implementation plans must follow this structure:
# 需求实施计划
- [ ] 1. 设置项目结构和核心接口
- 为模型、服务、存储库和API组件创建目录结构
- 定义建立系统边界的接口
- 设置测试框架
- [ ] 2. 实现数据模型和验证
- [ ] 2.1 创建核心数据模型接口和类型
- 为所有数据模型编写TypeScript接口
- 实现数据完整性验证函数
- [ ] 2.2 实现带有验证的用户模型
- 编写带有验证方法的用户类
- [ ] 2.3 实现带有关系的文档模型
- 编写带有关系处理的文档类代码
- [ ]* 2.4 为数据模型编写单元测试
- 为用户模型验证创建单元测试
- 为文档模型编写单元测试
- 为关系管理编写单元测试
- [ ] 3. 检查点 - 确保所有测试通过
- 确保所有测试通过,如有疑问请询问用户
- [ ] 4. 创建存储机制
- [ ] 4.1 实现数据库连接工具
- 编写连接管理代码
- 为数据库操作创建错误处理工具
- [ ] 4.2 实现数据访问的存储库模式
- 编写基础存储库接口代码
- 实现具有CRUD操作的具体存储库
Read the following content to build comprehensive understanding:
Project Code Structure
Project Documentation (.monkeycode/docs/)
INDEX.md - Project overviewARCHITECTURE.md - System architectureCurrent Feature Design (.monkeycode/specs/[feature-name]/design.md)
Historical Feature Specs (.monkeycode/specs/*/*.md)
.monkeycode/specs/Create a detailed implementation plan following these CRITICAL CONSTRAINTS:
Each task must include:
CRITICAL TESTING PATTERNS:
Property-Based Testing
Test Task Organization
Optional Task Marking
- [ ]* 2. 设置项目结构和核心接口- [ ]* 2.2 编写集成测试 (as a sub-task)Optional Task Categories
Task Execution Rules
- [ ]* 2.2 编写集成测试 → Agent skips this- [ ] 2.2 为存储库操作编写单元测试 → Agent must implement this"确保所有测试通过,如有疑问请询问用户"Tasks MUST be actionable by a coding agent:
Tasks MUST NOT include non-coding activities:
After generating the initial task list:
Ask for Additions using the AskUserQuestion tool:
Ask about Optional Tasks using the AskUserQuestion tool:
Write the final task list to:
.monkeycode/specs/{FEATURE_NAME}/tasklist.md
.monkeycode/specs/{FEATURE_NAME}/
├── requirements.md # Feature requirements (from previous phase)
├── design.md # Technical design (from previous phase)
└── tasklist.md # Implementation plan (generated by this skill)
Before finalizing the task list, verify: