By aixiaoxiang
Guides Chinese mini-program development from ideation to launch: validates product ideas, structures PRDs, scaffolds WeChat projects with compliance, builds AI backends, optimizes performance on low-end devices, and tracks analytics
判断产品里要不要内置 AI 能力。当用户的产品想法已经过需求澄清,在决定要不要给产品加 AI 功能时使用。通过 4 个问题的决策链,15 分钟内给出"加 AI 功能 / 用规则功能 / 混合 / 不加"的结论,附判断标准与 AI 执行约束。
商业结构技能。当用户知道要解决什么问题但不确定商业模式跑不跑得通、不知道怎么赚钱、或想快速梳理完整商业模式时使用。基于 Lean Canvas(精益画布),20 分钟内输出一页纸商业模式和风险验证计划,附判断标准与 AI 执行约束。
需求澄清技能。当用户有模糊的产品想法但说不清到底要解决什么问题、给谁用、做成什么样时使用。默认快速模式一次走完 5 步(锁定问题陈述 / JTBD 重定义 / 用户故事映射找盲点 / Kano 分类与优先级 / 输出澄清卡)直接输出一张简化澄清卡;用户说"再深一点"才进入该步的深入模式,展开 5W1H 全表、Forces of Progress 四股力、walking skeleton 断点表、Kano 五类、OST 结构图等方法论细节。每步附判断标准与 AI 执行约束。
目标定义技能。当用户有模糊的产品想法但不确定值不值得做、不知道目标用户是谁、或不知道用什么指标判断成功时使用。基于 North Star Framework、HEART 框架和 AARRR 海盗指标,输出一张目标定义卡,附判断标准与 AI 执行约束。
用户调研技能。当用户有想法但不确定用户是否真的需要、不知道找谁验证时使用。用最低成本做用户访谈和需求验证,输出可检查的调研结论。
Based on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
用 AI Agent 把想法变成上线的产品。
| 项目 | 说明 |
|---|---|
| 最新版本 | v3.0.5(2026-07-07) |
| 包含技能 | 16 个 |
| 覆盖阶段 | 想清楚 → 做出来 → 跑起来 |
| 当前聚焦 | 微信小程序(出海网站场景规划中) |
| 适合人群 | 想用 AI 做产品、但不靠手写代码的人——有想法没方法的初学者、有技术没产品的独立开发者、有流量不知道怎么变现的人 |
| 预计总学习 | 6-10 小时(纯 skill 学习约 7 小时,含练习更长) |
| 使用方式 | Codex 模式:自然语言提需求,AI 执行,你看结果提优化,不要求会写代码 |
| 核心原则 | 先想清楚,再动手做,用数据迭代 |
如果你遇到下面这些情况,这个技能包就是为你写的:
我们不教你写代码,我们教你用好 AI Agent,把想法做成上线的产品。
为了让你不浪费时间,先说明边界:
本技能包面向"用自然语言表达需求、看输出结果提优化"的用户。你不需要会写代码,只需要:
代码示例是 AI 的参考实现,不是让你手敲的教程。你的角色是"提需求 + 验收",AI 的角色是"执行 + 改进"。
| 环节 | 你做什么 | AI 做什么 |
|---|---|---|
| 提需求 | 用自然语言说清"我要什么、给谁用、长什么样" | 理解需求,给出实现方案 |
| 看输出 | 运行结果,判断好不好用,截图复述问题 | 按你的反馈修改,再给一版 |
| 提优化 | 指出哪里不对、想要什么效果 | 调整实现,直到你满意 |
贯穿全包的案例是"小象取色"——一个用 AI 帮你从照片里提取配色的小程序。所有 skill 都用它做示范,方便你对照学习。
表面看,这个技能包带你做一个小程序产品。实质是:通过做一个产品,掌握"用好 AI Agent"这项能力。
这套技能包把做产品分成 3 个阶段。不要跳过第一层直接写代码——这是大多数人失败的原因。
你有一个想法,但不确定值不值得做、要不要用 AI。
| 顺序 | 技能 | 解决什么 | 预计时间 |
|---|---|---|---|
| 1 | 01-think/xx-clarify | 需求澄清,把模糊想法变结构化 | 30 分钟 |
| 2 | 01-think/xx-research | 怎么做轻量调研,验证假设 | 20 分钟 |
| 3 | 01-think/xx-goal | 为谁解决什么问题、怎么判断成功 | 20 分钟 |
| 4 | 01-think/xx-ai-feature | 判断产品要不要 AI 能力 | 15 分钟 |
| 5 | 01-think/xx-business | 商业模式跑不跑得通 | 20 分钟 |
你想清楚了,开始动手开发。
| 顺序 | 技能 | 解决什么 | 平台 |
|---|---|---|---|
| 6 | 02-build/xx-prd | MVP 该做什么功能 | 通用 |
| 7 | 02-build/xx-data | 用数据迭代 AI,不只靠 prompt | 通用 |
| 8 | 02-build/xx-safety | 内容安全与风险防控 | 通用 |
| 9 | 02-build/xx-backend | 后端与数据存储怎么搭 | 通用 |
| 10 | 02-build/xx-setup | 项目初始化与合规 | 微信小程序 |
| 11 | 02-build/xx-brand | 设计 Token 与品牌视觉 | 微信小程序 |
| 12 | 02-build/xx-blocks | 可复用组件库 | 微信小程序 |
| 13 | 02-build/xx-ai | AI 能力接入 + Agentic 模式入门 | 微信小程序 |
产品上线了,需要数据驱动迭代。
| 顺序 | 技能 | 解决什么 | 平台 |
|---|---|---|---|
| 14 | 03-run/xx-track | 数据埋点 + AI 质量监控 | 微信小程序 |
| 15 | 03-run/xx-iterate | 迭代方法论与验收 | 通用 |
| 16 | 03-run/xx-optimize | 性能与体验优化 | 微信小程序 |
当前聚焦微信小程序场景,因为微信小程序是普通人用 AI 做产品最容易形成闭环的地方:门槛低、有自然流量、用户反馈快。
架构上已预留出海网站扩展空间。16 个 skill 分两类:
通用方法论(单文件 SKILL.md,所有平台通用):
平台特化(SHARED.md + wechat/SKILL.md + web/ 三层结构):
平台特化目录结构:
如果你有出海网站开发经验想贡献,欢迎补充 web/ 目录。
每个 skill 除了"解决什么",还带一组导航元信息,帮你判断"现在该不该学、学完去哪"。在各层 README 里有一张完整导航表,字段如下:
| 字段 | 含义 |
|---|---|
| 难度(1-3) | 1 入门、2 进阶、3 较难 |
| 预计耗时 | 纯学习时间,不含动手做产品 |
| 前置 skill | 学这个之前最好先学哪个 |
| 后续 skill | 学完这个自然衔接哪个 |
| 平台 | 通用 / 微信 |
详见:
按你的状态选:
| 你的状态 | 从哪开始 |
|---|---|
| 完全新手,没做过 AI 产品 | 从 01-think/xx-clarify 开始,把想法澄清 |
| 有想法,但不确定要不要用 AI | 先看 01-think/xx-ai-feature |
| 决定做了,但没想清楚目标 | 从 01-think/xx-goal 开始 |
| 已经在开发,遇到具体问题 | 从 02-build/ 层选对应的 skill |
| 已经上线,想优化转化/质量 | 从 03-run/xx-track 开始 |
SKILL.md 是整个技能包的入口。它是一个双模式路由器:任务前帮你定位从哪开始,任务后帮你导航到下一个 skill。
在 Trae 中,输入 /xxskill 即可唤起入口 skill,它会问你:
你在哪一层?告诉我你现在的状态,我帮你定位。
然后它会根据你的回答,推荐你进入:
你也可以直接打开 SKILL.md,把内容复制到 AI 对话中使用。
这个 skill 包是纯 Markdown 格式,不依赖任何特定平台。你可以在各种 AI 编程工具中使用。
Claude Code 会读取项目根目录下的 CLAUDE.md 作为全局上下文。
如果你不想用 CLAUDE.md,也可以直接打开任意 skill 的 SKILL.md,复制内容粘贴到 Claude Code 对话中。
Codex 可以通过项目级指令文件或对话 prompt 使用。
Trae 原生支持 skill。
Cursor 支持 .cursorrules 文件作为项目级规则。
npx claudepluginhub aixiaoxiang/xx-skills --plugin xxskillMeta-skill gatekeeper that runs FIRST on every task to decide which other skill(s) — if any — should activate. Analyzes the user request, matches it against a ranked catalog (frontend-design, ui-ux-pro-max, superpowers/planning, git-*, mcp-builder, smart-dispatch, claude-api, etc.), and emits a tight SELECTION plan so other skills are loaded on-demand only. Minimizes token/context consumption by refusing to activate heavy skills unless clearly justified. Triggers on ANY user instruction that could plausibly benefit from a specialized skill — i.e. essentially every turn that starts new work. Keywords: "plan", "design", "ui", "ux", "implement", "build", "create", "fix", "refactor", "commit", "pr", "review", "test", "debug", "deploy", "mobile", "video", "mcp", "skill", "architecture", "api", "ci", "docs", "copy", "social", "setup", "doctor".
Multi-path parallel product analysis with cross-model test-time compute scaling. Spawns parallel agents (Claude Code + Codex CLI) for multi-perspective exploration, then synthesizes findings into actionable optimization plans. Supports self-audit, UX audit, API audit, architecture review, and competitive benchmarking via competitors-analysis skill
Get comprehensive performance optimization recommendations
Editorial "Web Wizard" bundle for Claude Code from Agentic Awesome Skills.
デジタルプロダクト系の専門領域(UI/UX, マーケティング, コピーライティング, ASO, グロース等)の 暗黙知を抽出・言語化・構造化し、他のSkillで使えるエージェント定義と評価基準を生成するスキル。 素人では判断できない「良い/悪い」の基準を、AI が専門家レベルで調査・分析・言語化し、 再利用可能なドメインナレッジとして出力する。
Optimizes web application performance through code splitting, lazy loading, caching strategies, and Core Web Vitals monitoring. Use when improving page load times, implementing service workers, or reducing bundle sizes.