apex-os-bad-boy
npx skills add https://github.com/fratilanico/apex-os-bad-boy --skill apex-os-bad-boy
Agent 安装分布
Skill 文档
APEX OS Bad Boy
“Everything you need. Nothing you don’t. Mastery at your fingertips.”
Overview
APEX OS Bad Boy is a comprehensive productivity system for AI agents that provides:
- 45+ integrated skills across all domains
- Intelligent skill recommendations (75%+ accuracy)
- Risk-based planning levels (SAFE/MID/RISKY)
- Systematic workflows for every situation
- Best-in-class practices from top engineering teams
This skill teaches agents WHEN and HOW to use the right tools at the right time.
The Core Philosophy
1. The Planning Slider
SAFE MODE âââââââââââââââââââââââââââââââââââ¶ RISKY MODE
Full Design Quick Plan Just Do It
â â â
Plan â Code Plan + Code Code â Fix
â â â
Test â Ship Review â Ship Ship â Fix
| Mode | When to Use | Workflow |
|---|---|---|
| SAFE | Production, auth, payments, user data | Design â Plan â TDD â Code â Review â Deploy |
| MID | Bug fixes, small features, refactoring | Quick Plan â Code â Review â Ship |
| RISKY | POCs, experiments, prototypes | Just Do It â Ship â Fix |
2. The 75% Rule
If a skill has 75%+ probability of helping, invoke it. Always.
3. Right Tool, Right Job
Never use a hammer when you need a scalpel. Know your tools.
The Risk Level Selector
Before ANY task, answer these 3 questions:
Q1: What’s the impact if this breaks?
- [A] Production / Users affected â SAFE MODE
- [B] Dev environment only â MID MODE
- [C] Easy to revert / POC â RISKY MODE
Q2: How complex is this?
- [A] Multi-component / New integration â SAFE MODE
- [B] Single feature / Bug fix â MID MODE
- [C] Simple / Well-understood â RISKY MODE
Q3: How well do we understand the problem?
- [A] New territory / Unclear requirements â SAFE MODE
- [B] Known domain, some unknowns â MID MODE
- [C] Clear and straightforward â RISKY MODE
Scoring:
- Mostly A â SAFE MODE (80% of tasks)
- Mostly B â MID MODE (15% of tasks)
- Mostly C â RISKY MODE (5% of tasks)
Skill Registry
META PROCESS (How you work)
| Skill | Tier | When to Use |
|---|---|---|
| brainstorming | CRITICAL | Any new feature/idea |
| writing-plans | CRITICAL | After brainstorming, before code |
| verification-before-completion | CRITICAL | Before claiming done |
| receiving-code-review | HIGH | Before any merge |
| subagent-driven-development | HIGH | Multi-task implementation |
| recursive-agent-coordination | HIGH | Multiple agents working together |
| dispatching-parallel-agents | HIGH | 2+ independent tasks |
FRONTEND
| Skill | Tier | When to Use |
|---|---|---|
| vercel-react-best-practices | HIGH | React/Next.js code |
| web-design-guidelines | HIGH | UI review |
| shadcn-master | MEDIUM | UI component creation |
| framer-motion-best-practices | MEDIUM | Animations |
| performance-optimization | HIGH | Bundle/speed issues |
| nextjs-master | MEDIUM | Next.js specific |
BACKEND
| Skill | Tier | When to Use |
|---|---|---|
| supabase-expert | HIGH | Database/auth/RLS |
| docker-best-practices | MEDIUM | Containerization |
| security-best-practices | CRITICAL | Any user data/API |
QUALITY
| Skill | Tier | When to Use |
|---|---|---|
| tdd-master | HIGH | Test-driven implementation |
| systematic-debugging | HIGH | Bug hunting |
SPECIALTY
| Skill | Tier | When to Use |
|---|---|---|
| browser-use | HIGH | Simple browser automation |
| agent-browser | MEDIUM | Complex browser interactions |
| c4-documentation | LOW | Architecture docs |
| using-git-worktrees | MEDIUM | Isolated branches |
| finishing-a-development-branch | HIGH | Branch completion |
Task â Skill Decision Matrix
Universal Decision Tree
"I have an idea / want to build something new"
â brainstorming (MUST)
â writing-plans â [domain skill]
"I need to implement multiple tasks"
â subagent-driven-development
"Something is broken / not working"
â systematic-debugging â [relevant domain skill]
"I'm writing code and want to make sure it's good"
â receiving-code-review
"I'm about to claim something is done"
â verification-before-completion (MUST)
Domain-Specific
| Task | Invoke |
|---|---|
| Build React component | vercel-react-best-practices + shadcn-master |
| Optimize performance | performance-optimization |
| Review UI | web-design-guidelines |
| Set up database | supabase-expert |
| Build API endpoint | security-best-practices + tdd-master |
| Containerize app | docker-best-practices |
| Test website | browser-use |
| Complex browser testing | agent-browser |
| Write tests first | tdd-master |
| Debug tricky bug | systematic-debugging |
| Create new skill | opencode-skill-principles |
Workflows
SAFE MODE Workflow
brainstorming â writing-plans â tdd-master â implementation â
verification â code review â deploy
Required Skills:
- â brainstorming (must)
- â writing-plans (must)
- â tdd-master (should)
- â verification-before-completion (must)
- â receiving-code-review (must)
MID MODE Workflow
quick plan â implementation â review â ship
Required Skills:
- â writing-plans (brief)
- â systematic-debugging (if bugs)
- â verification-before-completion (must)
- â receiving-code-review (quick)
RISKY MODE Workflow
JUST DO IT â Ship Fast â Fix Fast
â ï¸ ONLY for: POCs, experiments, prototypes
Required Skills:
- â verification-before-completion (quick check)
- â systematic-debugging (if breaks)
Anti-Patterns (NEVER DO)
Process Anti-Patterns
- â Never skip brainstorming for “simple” tasks
- â Never claim done without verification
- â Never skip code review
- â Never use RISKY mode for production code
- â Never skip security review for auth/payment
Code Anti-Patterns
- â Never commit secrets to git
- â Never use eval() with user input
- â Never skip RLS on Supabase
- â Never write empty catch blocks
- â Never use console.log in production
Skills.sh Integration
One-Command Setup
Install all Vercel agent skills with a single command:
npx skills add vercel-labs/agent-skills
This installs 5 premium skills (100+ rules total):
| Skill | Description | Rules |
|---|---|---|
react-best-practices |
React/Next.js performance optimization | 40+ rules across 8 categories |
web-design-guidelines |
Accessibility, UX, and web best practices | 100+ rules |
react-native-guidelines |
React Native/Expo performance & patterns | 16 rules |
composition-patterns |
React component composition patterns | Patterns |
vercel-deploy-claimable |
One-command Vercel deployment | CLI |
Auto-Update Workflow
To check for and install updates:
npx skills add vercel-labs/agent-skills --force
Process:
- Run the command to fetch latest version
- Report what will be updated (new skills, changes)
- ASK USER for confirmation before applying
- Execute update only after human approval
Browse More Skills
Visit https://skills.sh to discover additional skills from the community.
Required Skills Location
~/.agents/skills/ # Domain skills (from skills.sh)
~/.config/opencode/skills/ # Meta skills
~/.opencode/skills/ # Coordination skills
Quick Reference
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
â ALWAYS INVOKE â
â ⢠brainstorming for new features â
â ⢠verification-before-completion before claiming done â
â ⢠security-best-practices for auth/data â
â ⢠receiving-code-review before merge â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ¤
â HIGH PRIORITY â
â ⢠writing-plans after brainstorming â
â ⢠subagent-driven-development for multi-task â
â ⢠tdd-master for test-driven work â
â ⢠vercel-react-best-practices for React/Next.js â
â ⢠supabase-expert for database â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ¤
â AS NEEDED â
â ⢠browser-use for automation â
â ⢠web-design-guidelines for UI â
â ⢠systematic-debugging for bugs â
â ⢠performance-optimization for speed â
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ¤
â SKILLS.SH (run these commands) â
â npx skills add vercel-labs/agent-skills # Install â
â npx skills add vercel-labs/agent-skills --force # Updateâ
âââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââââ
APEX OS Bad Boy v8.0 – “Everything you need. Nothing you don’t.”