Happy Skills
中文 | English
用自然语言描述需求，自动生成设计文档并逐步实现代码。 把"想法→设计→代码→提交"的完整开发流程自动化。
安装
使用 npx skills（推荐）
# 安装此包中的所有 skills
npx skills add notedit/happy-skills
# 仅安装特定的 skills
npx skills add notedit/happy-skills --skills feature-dev,feature-analyzer
# 全局安装（在所有项目中可用）
npx skills add notedit/happy-skills -g
注意: npx skills 需要 skills CLI。如果尚未安装，请运行 npm install -g skills。
验证安装
# 测试 skill
/feature-dev 添加一个简单功能
# 或者测试其他 skill
/feature-analyzer 设计用户认证系统
Usage
1. Feature Development (Design → Execute)
# Step 1: 设计 - Q&A 对话生成设计文档
/feature-analyzer 用户登录功能，支持 OAuth2
# Step 2: 执行 - 按文档逐项实现
/feature-pipeline docs/features/user-login.md
2. Quick Development
/feature-dev 添加深色模式切换
3. Git Operations
/git:branch 用户登录 # 创建分支（支持中文）
/git:changes # 查看更改（中文描述）
/git:commit # 自动生成 commit message
/git:pr # 一键创建 PR
4. Worktree Parallel Development
/git:worktree-add feature/api # 创建 worktree + 复制 .env
/git:worktree-list # 列出所有 worktree 及状态
/git:worktree-merge # 合并回当前分支
/git:worktree-remove # 清理 worktree
/git:worktree-remove --merged # 批量删除已合并的 worktree
/git:worktree-remove --prune # 清理 stale worktree
5. Screenshot Analysis
/screenshot-analyzer ./app.png # 从截图提取功能生成任务
Commands Reference
Git Commands
| Command |
Description |
/git:commit |
Auto-generate semantic commit message |
/git:pr |
Complete workflow: commit, push, create PR |
/git:branch |
Create branch with conventional naming |
/git:changes |
Describe uncommitted changes |
/git:worktree-add |
Create worktree with .env files copied |
/git:worktree-list |
List all worktrees with detailed status |
/git:worktree-merge |
Merge worktree branch into current |
/git:worktree-remove |
Remove worktree (supports --merged, --prune) |
Components
Skills
| Skill |
Description |
feature-dev |
引导式功能开发，深入理解代码库并专注架构设计 |
feature-analyzer |
Turn ideas into designs through Q&A dialogue |
feature-pipeline |
Execute tasks from design documents |
screenshot-analyzer |
Extract features from UI screenshots |
skill-creation-guide |
Guide for creating new skills |
tts-skill |
MiniMax TTS API - 文本转语音、声音克隆、声音设计 |
react-animation |
ReactBits 动画组件 + Remotion - 精选视觉效果用于视频制作 |
gsap-animation |
GSAP + Remotion 动态图形 - 时间线编排、文字拆分、SVG 形变、高级缓动 |
video-producer |
端到端 Remotion 视频制作 - 从自然语言描述到完整视频，叙事结构、场景编排、渲染管线 |
Agents
代码分析
| Agent |
描述 |
code-explorer |
通过追踪执行路径和映射架构来分析代码库 |
code-architect |
基于现有模式设计功能架构 |
code-reviewer |
审查代码中的 bug、安全漏洞和质量问题 |
截图分析（多 Agent 流水线）
| Agent |
描述 |
screenshot-ui-analyzer |
分析视觉组件、布局结构和设计模式 |
screenshot-interaction-analyzer |
分析用户交互流程和状态转换 |
screenshot-business-analyzer |
提取业务逻辑和数据实体 |
screenshot-synthesizer |
将分析结果综合为统一的功能列表 |
screenshot-reviewer |
审查任务列表的完整性和质量 |
测试
| Agent |
描述 |
test-generator |
基于现有模式生成全面的测试用例 |
test-runner |
执行测试、诊断失败并提供修复方案 |
Project Structure
happy-skills/
├── package.json # NPM 包配置 & skills 配置
├── commands/ # Slash commands
│ └── git/ # Git commands
├── skills/ # Skills
├── agents/ # Sub-agents
└── docs/ # Documentation
License
MIT
tools-only