wg-skills — 把古法全栈开发经验装进 AI

160 个面向 Claude Code / Cursor / Codex 等智能体的公开 Skills，MIT 协议。 不是提示词合集，而是一套让 AI 按统一工程规范完成“项目骨架 → 模块 → 前后端契约 → 部署 → 迭代”的基础能力体系。

---

关于 itlifetime.com

itlifetime.com 是“考拉搞 AI”的公开入口：这里持续展示真实项目、页面效果、wg-skills 的使用路径与系列文章。

这里不卖“万能一键生成”。我分享的是十年全栈开发里反复验证过的工程习惯：先把共同规则定住，再让 AI 高效完成具体工作。

---

---

这是什么

一个自包含的技能仓库。每个子目录是一个技能（SKILL.md + README.md + references/），它们不是孤立存在：前端页面与主题、后端骨架与模块、数据库与接口契约、部署与验收能够按项目需要组合。

它沉淀的是全栈项目里反复出现的共同部分：目录结构、响应格式、错误码、JWT、分页、Design Token、请求层、环境与部署。具体行业业务、品牌视觉和产品取舍，仍然必须由项目负责人决定。

一句话定位

不是让 AI 替你做项目，而是让 AI 按你的工程经验做项目。

把传统全栈开发里重复、规范、可验证的部分抽出来，沉淀成 AI 可调用的 Skill；人仍然负责业务边界、产品判断和最终验收。

与"传统 AI 一键做项目"的区别

---

160 个技能 · 全部 MIT 公开 · 持续迭代中

⚠️ 技能以实际效果为准，160 个技能都在持续迭代中。每个技能都在真实项目里跑过，但 API、组件形态、触发词会随实战反馈调整，不保证向后兼容。 任何问题、反馈或建议，欢迎两个渠道：

1. 访问 itlifetime.com（首页底部 → 加微信 jiushiwon）
2. 在 GitHub Issues 提 issue

5 大板块总览

🔒 项目级编排技能（完整项目骨架、跨模块编排、部署与验收套件）已迁移至私有仓库 wg-project-kits；本仓库继续维护免费、通用、可组合的基础 Skills。

---

快速使用

# 克隆到 Claude Code 技能目录
git clone https://github.com/jiushiwon/wg-skills.git ~/.claude/skills/wg-skills

在 Claude Code 中即可触发，例如：

• 「帮我用 Java 搭一个商城」
• 「用 FastAPI 做一个 AI 聊天后端」
• 「用 Vue 做一个带登录的 CRUD 后台」
• 「帮我分析这个老后端项目，盘点接口」
• 「用 Docker 一键部署这个项目」

智能体会按"选型 → 骨架 → 业务模块 → 部署"的顺序串起多个技能，小白也能跟着提示词完成一个完整项目。

---

谁适合使用

如何开始沉淀自己的 Skill

不要从 YAML 格式开始。先拿一个做成功的真实功能，依次写清楚：它解决什么场景、哪些规则不能变、需要哪些输入、应该交付什么、如何验收。能重复使用的部分才值得成为 Skill。

wg-skills 提供的是这套方法和基础设施；你自己的行业规则、业务流程和产品经验，才是最有价值的下一层能力。

---

完整技能清单

后端

56 个，覆盖 5 语言后端 + 数据库 + 后端元工具 + 加密选型。

Java 矩阵（16 个）

Python 矩阵（20 个）

Go 矩阵（6 个）

Node.js / Rust 矩阵（2 个）

数据库矩阵（8 个）

后端元工具（3 个）

加密选型（1 个）

公共规范层

vibeCoding/backend/shared/ — 响应信封 / 错误码 / JWT / 分页 / API 契约模板 / 模块输出（6 个规范）

---

前端

76 个，按 4 套体系组织。

Vue 体系（43 个）— SPA + SSR

核心组件体系（vue-base-skill/ 父技能 + 30 个子技能，其中 vue-complex-skill/ 下含 7 个复合场景技能）：

布局 / 按钮 / 卡片 / 徽章 / 表单 / 输入 / 选择 / 级联 / 下拉 / 树 / 日期 / 复选 / 单选 / 开关 / 表格 / 标签 / 状态 / 折叠 / 右键菜单 / 提示 / 对话框 / 空状态 / 加载 / 上传 / 菜单 / 列表页 / 列表项 / 万能登录页 / Vue 项目生成 / 综合 CRUD（vue-complex-skill/）

配套规范：

• vue-theme-skill — 设计 Token + 深色主题
• vue-style-skill — 样式规范（动画/工具类/布局）
• vue-tui-skill — TUI 终端界面
• nuxt-generate-skill — Nuxt 3 + TS + Pinia 全栈（SSR/SEO）
• electron-vue-init-skill — Electron + Vue3 桌面端

UniApp 体系（15 个）— 跨端小程序

uniapp-base-skill（基础组件与容器唯一真源：6 个根容器 + 26 个组件）+ 15 个独立技能， 模块入口地图见 vibeCoding/frontend/uniapp/README.md（15 环节 → skill → 触发词）：

• 项目类：uniapp-app-generate-skill / uniapp-standard-skill
• 规范类：uniapp-style-skill / uniapp-theme-skill / request-skill
• 鉴权类：uniapp-auth-skill
• 组件类：uniapp-page-components-skill
• 场景页：uniapp-member-center-skill（会员中心 / 积分任务 / 积分商城）
• 诊断类：uniapp-diagnostic-skill / uniapp-code-audit-skill / uniapp-crossplatform-audit-skill / uniapp-vue2-upgrade-skill
• UI 类：uniapp-ui-replica-skill / uniapp-ui-template-builder-skill

React 体系（3 个）

• react-generate-skill — React + TS + Vite
• next-generate-skill — Next.js 14+ App Router（全栈 SSR/RSC）
• react-native-generate-skill — React Native 移动端

HTML 体系（1 个）

• html-frontend-template — 纯 HTML 管理后台模板（下一个重点建设方向）

综合前端（11 个）

• frontend-code-doctor — 前端代码审查
• frontend-request-skill — 4 套体系共用请求层（响应信封 + 错误码 + Token 注入 + 防抖 + Mock + SSE）
• frontend-style-harmonizer-skill — 前端 UI 一致性审查：Token、页面间距/固定区、组件契约、图标语义、键盘安全区与重复样式（兼容原样式治理调用）
• mobile-safe-area-audit-skill — 移动端安全区与键盘审计修复：顶部胶囊、iPhone 底部 Home Indicator、固定操作栏、输入框顶起和多端差异
• mobile-uiux-spec-skill — 移动端 UI/UX 设计与交付规范：iOS、Android、小程序、H5、鸿蒙的单位、尺寸、触控、安全区与真机验收
• frontend-ui-foundry — 综合前端 UI
• frontend-icon-skill — SVG 模板生成 + 图片处理
• icon-image-catch-skill（父 + 2 子）— 图标抓取 / 图片抓取
• image-forge-skill — AI 图片生成

Electron 体系（3 个）

• electron-dev-restart — Electron 开发期重启
• electron-react-skill — Electron + React 桌面端
• xterm-js-rendering-pitfalls — xterm.js 渲染踩坑

---

部署套件

16 个，覆盖从服务器到数据库的完整部署链路。

---

Vibecoding 工作流

4 个，是 AI 编程的方法论层（不只是工具）。

---

其他工具

8 个，覆盖写作、检测、流程图、视频处理等领域。

---

适用场景

场景 1：具体业务项目

场景 2：老项目接手 / 重构

场景 3：完整部署上线

super-deploy-skills 一键编排：deploy-detect-skill 探环境 → database-install-skill / runtime-install-skill 装依赖 → deploy-docker-skill 或 deploy-native-skill 编排 → static-nginx-skill 配反向代理

场景 4：学一门新语言

一句"帮我用 Java 搭一个商城"，智能体按"选型 → 骨架 → 业务模块"串起多个技能。

---

架构：前后端契约连接

用户触发一句话
"帮我做一个管理后台"
        │
   ┌────┼────┐
   │    │    │
前端层 后端层 数据库层
组件库  init-skill  design-skill
主题    module
请求层
样式
   │    │    │
   └──┬─┴──┘
      │
api-contract.md  ← 前后端唯一事实来源
      │
  ┌───┼───┐
  │   │   │
响应格式 错误码 接口清单

4 套前端体系共享：frontend-request-skill（请求层）+ Design Token 命名（--color-primary-{50~950} 完全对齐）

5 语言后端共享：vibeCoding/backend/shared/（响应信封 + 错误码 + JWT + 分页）

强制规则：每个 init-skill 必须生成 api-contract.md，每个 module-skill 必须输出 api-contract-.md，前后端契约一致。

完整规范见 AGENTS.md 第十三节。

---

文档分层

禁止重叠：README.md 不复制 SKILL.md 的能力清单或触发词列表（详见 AGENTS.md 第十三、五节）

---

适用与不适用

✅ 适用：

• 个人 / 小团队快速搭项目骨架（10 分钟 vs 1-2 天）
• 中小企业项目（商城 / 后台 / 小程序）
• 教学 / 学习场景（“一天学会 xxx 体系”）
• 老项目盘点、重构、迁移

❌ 不适用：

• 超大规模分布式系统（万级 QPS、复杂微服务编排）
• 嵌入式 / 硬件相关项目
• 对实时性 / 一致性有极端要求的金融核心系统
• 纯设计型项目（UI 套娃但无业务）

---

为什么开放 + 为什么 160 个

之前这个仓库是分层结构（精选 23 个公开 + 全量私有）。经过两轮迭代决定：

全部公开，全部免费。技能文件本身不值钱，值钱的是"10 年经验如何把技能串成完整项目"。这部分能力不卖技能，是技能全部公开后——陪跑服务。

如果你看完这个 README 觉得"我能用这套技能搭一个项目"，那就是这个仓库的目的。

如果你想跳过学习曲线，让一个老司机带你 7 天把想法变成上线的小程序：

🚁 itlifetime.com 7 天陪跑 — ¥699 一次性

• 7 天把一个想法变成上线、能跑、能用的 MVP（小程序 / 网站 / H5）
• 全程陪做，不是给资料让你自学
• 10 年经验判断（“这功能别做 / 这方案不要选”）
• 后续 30 天轻量答疑

加微信 jiushiwon，简单说明你的想法 + 预算即可。

---

贡献与规范

• 提交规范见 AGENTS.md 第七节（中文 commit message，直接推送 main）
• 新增 skill 必须更新 AGENTS.md 第三节目录结构 + README.md 对应板块
• docs/ 目录本地沉淀，不进入版本控制

---

许可证

MIT License — 自由使用、修改、商用。