实测78个Claude Code技能:开发微信小程序的5个黄金组合
作者基于开发“资产管理+人生目标”微信小程序的真实案例,测试了78个Claude Code技能(skills),最终提炼出覆盖原型、UI、开发及沉淀四个阶段的最优5个技能组合。该方案通过brainstorming明确产品定位,利用ui-ux-pro-max生成游戏化界面,借助planning-with-files梳理项目里程碑,采用test-driven-development确保代码质量,并通过insights报告自动化沉淀个人技能库。实践表明,针对特定阶段精准匹配工具比盲目堆砌技能更能提升开发效率。
事件概述
本文记录了一次基于 Claude Code 开发微信小程序的全流程实战。开发者在拥有 78 个已安装技能(skills)的背景下,通过实际项目验证,筛选出覆盖开发全生命周期的 5 个核心技能组合,旨在解决从需求模糊到代码落地的具体痛点。
核心信息:五步开发法与技能组合
1. 原型阶段:明确产品定位
- 核心痛点:初期需求宽泛,AI 易给出笼统答案,导致产品形态模糊。
- 关键技能:
brainstorming(来自obra/superpowers--skill)。 - 执行策略:不直接询问功能列表,而是让 AI 生成包含产品定位、目标用户、功能范围及技术栈偏好的选择题。通过强制决策,将模糊想法转化为清晰的产品形态(如:针对22-28岁年轻人的资源分配博弈型RPG小程序)。
2. UI/UX阶段:构建视觉规范
- 核心痛点:缺乏设计能力,直接写代码易导致交互逻辑跑偏,且审美风格难以统一。
- 关键技能:
ui-ux-pro-max(来自nextlevelbuilder/ui-ux-pro-max-skill)。 - 执行策略:
- 利用该技能内置的50+样式、97种配色及用户体验准则生成初步界面。
- 关键技巧:提供详细的设计约束(Design Constraints),将产品调性(游戏化RPG)、核心交互(资源分配)、目标用户及参考风格(如《纪念碑谷》极简几何 + 《多邻国》激励感)翻译成自然语言输入给AI,避免生成平庸的理财软件风格。
3. 规划阶段:管理项目进度
- 核心痛点:涉及云开发、数据库、审核等多环节,容易遗漏步骤或忘记当前进度。
- 关键技能:
planning-with-files(来自othmanadi/planning-with-files--skill)。 - 执行策略:采用 Manus-style 规划方式,自动生成
task_plan.md、findings.md、progress.md三个文件。该方式能清晰梳理里程碑,并支持随时同步进度,有效防止开发过程中的“间歇性遗忘”。
4. 开发阶段:确保代码质量
- 核心痛点:微信小程序开发涉及特有API、体积限制、审核规范及高昂的调试成本。
- 关键技能:
test-driven-development(TDD, 来自obra/superpowers--skill)。 - 执行策略:
- 先测后写:在编写核心算法(如资金比例计算)前,先编写测试用例,实现秒级重构验证。
- Prompt 优化:要求 AI 以成熟产品视角生成代码,而非简单转换 HTML/CSS 为 WXML/WXSS。通过提示 AI 主动查阅官方文档解决兼容性问题,显著减少 Bug。
5. 沉淀阶段:自动化技能库更新
- 核心痛点:开发经验分散,难以形成可复用的个人工作流。
- 关键技能:
insights报告结合自定义指令。 - 执行策略:在项目结束后,基于对话历史生成 insights 报告,并指令 AI 整理未来可能需要的专属技能。此步骤帮助开发者从单次项目中提炼出长期可用的工具组合。
值得关注
- 技能数量 vs. 有效性:作者指出,安装 78 个技能中大部分从未被使用。真正的效率提升不在于拥有庞大的技能库(军火库),而在于根据当前开发阶段精准匹配最合适的 5 个技能组合。
- 工具定位:技能应作为解决问题的工具,而非满足收集癖的玩具。找到适合自身习惯的组合拳,比盲目追求新技能更重要。
