gate-all-skills

Skills - AI 建站技能路由系统

用 AI 搭网站，从 0 到 3，一个命令搞定。 Build websites with AI — from zero to production, one command at a time.

🚀 快速开始

npx skills@latest add lennney/skills

装完执行 /gate，AI 带你走完建站全过程。

🎯 核心特性

1. 智能路由系统

/gate 是总入口，根据你的需求自动路由到对应的技能：

/gate → 建站流程 / 设计 / 工程 / AI 辅助 / 产品 / 优化

2. 55 个专业技能

覆盖建站全流程：

• 建站流程 (5个): 从需求讨论到部署上线
• 设计类 (11个): UI/UX、组件设计、样式系统
• 工程类 (6个): 代码审查、调试、测试
• AI 类 (6个): AI 结对编程、代码审查、调试
• 产品类 (3个): PRD、验收标准、用户故事
• 优化类 (5个): 性能、无障碍、动效、测试、CI/CD
• 讨论类 (5个): 需求讨论、领域建模

3. 零配置使用

• Background execution — AI 做技术活，你只回答问题
• Plain language — AI 做完用大白话解释做了什么
• Progressive — 从 /gate 开始，自然深入到具体技能
• Open — 每个技能只是一个 Markdown 文件，随便改

📋 路由系统

🚀 建站流程（从零到上线）

/gate → /gate-discuss → /gate-init → /gate-frontend → /gate-seo → /gate-deploy

阶段	技能	用途
1	/gate-discuss	需求讨论，明确要做什么
2	/gate-init	项目初始化，搭建脚手架
3	/gate-frontend	前端开发，组件+布局+样式
4	/gate-seo	SEO 优化，让搜索引擎找到你
5	/gate-deploy	部署上线，Vercel 一键部署

🎨 设计类

技能	用途	何时使用
/ui-ux-pro-max	全栈 UI/UX 设计	需要完整的设计方案
/component-design	组件设计	设计可复用的组件
/styling-tailwind	Tailwind CSS 实践	用 Tailwind 写样式
/ui-modernizer	UI 升级	把旧界面变现代
/design-system	设计系统	建立统一的设计规范
/anti-ai-slop	反 AI 味设计	让设计更有人味

🔧 工程类

技能	用途	何时使用
/code-review	代码审查	检查代码质量
/diagnosing-bugs	调试问题	遇到 bug 时
/tdd	测试驱动开发	先写测试再写代码
/prototype	快速原型	快速验证想法
/codebase-design	架构设计	设计代码结构

🤖 AI 辅助

技能	用途	何时使用
/ai-coding-workflow	AI 结对编程	让 AI 帮你写代码
/ai-code-review	AI 代码审查	让 AI 检查代码
/ai-testing	AI 测试生成	让 AI 写测试
/ai-debugging	AI 调试	让 AI 帮你找 bug
/ai-refactoring	AI 重构	让 AI 优化代码

📋 产品类

技能	用途	何时使用
/prd-development	写 PRD	写产品需求文档
/acceptance-criteria	验收标准	定义功能完成标准
/user-story	用户故事	描述用户需求

⚡ 优化类

/gate-optimize → /gate-perf / /gate-a11y / /gate-animate / /gate-testcov / /gate-ci

技能	用途	何时使用
/gate-perf	性能优化	网站加载太慢
/gate-a11y	无障碍优化	让所有人都能用
/gate-animate	动效优化	让网站更流畅
/gate-testcov	测试覆盖	加自动化测试
/gate-ci	CI/CD	自动部署

💡 使用技巧

1. 从 /gate 开始

不确定用什么技能？从 /gate 开始，系统会引导你。

2. 直接调用

知道自己要什么？直接调用具体技能，比如 /ui-ux-pro-max。

3. 组合使用

可以组合多个技能，比如：

• 先用 /gate-discuss 讨论需求
• 再用 /ui-ux-pro-max 做设计
• 最后用 /gate-deploy 部署

4. 随时切换

在一个技能中可以随时切换到其他技能，比如：

• 在 /gate-frontend 中发现需要设计 → 切换到 /ui-ux-pro-max
• 在 /gate-optimize 中发现需要调试 → 切换到 /ai-debugging

🎯 常见场景

场景 1：从零开始建站

/gate → /gate-discuss → /gate-init → /gate-frontend → /gate-seo → /gate-deploy

场景 2：优化现有网站

/gate → /gate-optimize → /gate-perf（或 /gate-a11y、/gate-animate）

场景 3：做 UI 设计

/ui-ux-pro-max → /component-design → /styling-tailwind

场景 4：写代码时需要帮助

/ai-coding-workflow → /ai-code-review → /ai-debugging

场景 5：产品规划

/prd-development → /acceptance-criteria → /user-story

📁 目录结构

skills/
├── website/       (12)  建站：组件、布局、样式、SEO、部署
├── discussion/    (5)   探讨：需求澄清、领域建模
├── engineering/   (6)   工程：TDD、调试、代码审查
├── design/        (11)  设计：UI/UX、设计系统
├── product/       (3)   产品：PRD、验收标准
├── ai/            (6)   AI 使用：编码/审查/测试/调试/重构/Git
└── workflow/      (12)  路由系统 —— 入口 `/gate`

🔧 安装

🎯 多平台支持

支持 70+ 个 AI 编码助手平台：

平台	安装方式
Claude Code	npx skills add lennney/skills
Codex	npx skills add lennney/skills
Cursor	npx skills add lennney/skills
Windsurf	npx skills add lennney/skills
GitHub Copilot	npx skills add lennney/skills
Gemini CLI	npx skills add lennney/skills
其他 60+ 平台	npx skills add lennney/skills

方法 1：使用 skills.sh（推荐，支持 70+ 平台）

# 自动检测平台并安装所有技能
npx skills add lennney/skills

# 安装特定技能
npx skills add lennney/skills@gate
npx skills add lennney/skills@ui-ux-pro-max

方法 2：使用你的 CLI

# 克隆仓库
git clone https://github.com/lennney/skills.git
cd skills

# 自动检测平台并安装
npx gate-all-skills install

# 或指定平台
npx gate-all-skills install -p claude      # Claude Code
npx gate-all-skills install -p codex       # Codex

方法 3：提示词安装（最简单）

复制 prompts/install-auto.md 中的提示词到 AI 编码助手中，自动安装。

开始使用

/gate

🔄 更新

检查更新

npx skills check

更新技能

npx skills update

锁定版本

cd .claude/skills
git checkout v1.0.0
cd ../..
git add .claude/skills
git commit -m "chore: lock skills to v1.0.0"

📚 文档

• 路由系统使用指南 - 完整的路由系统说明
• 技能优化方案 - 基于最佳实践的优化建议
• 更新机制优化 - 更新机制改进方案
• 路由优化建议 - 路由系统优化建议
• 多平台适配 - 支持 Claude Code、Codex、Cursor、Windsurf、Copilot
• 执行计划 - 分阶段执行计划
• 技能清单 - 所有技能列表

🔄 更新

# 用 npm 安装的
skills update

# 或者直接 git pull
cd gate-all-skills && git pull

License

MIT — 随意修改，按需使用。