实测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.mdfindings.mdprogress.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 个技能组合。
  • 工具定位:技能应作为解决问题的工具,而非满足收集癖的玩具。找到适合自身习惯的组合拳,比盲目追求新技能更重要。

准备好启动您的定制项目了吗?

现在咨询,即可获得免费的业务梳理与技术架构建议方案。