brainstorming
Structured design dialogue that validates ideas before implementation begins.
meta-skill-router
Intelligent skill selection system that automatically routes to appropriate skills based on user intent, context, and project requirements. Enforces quality gates and optimizes development workflow.
Full skill instructions
When this skill is loaded, Claude MUST immediately:
Skill(skill-name)DO NOT just document which skill to use - INVOKE IT with the Skill tool.
| User Says | Invoke This |
|---|---|
| "fix", "bug", "broken", "not working" | Skill(dev-debugging) |
| "test", "verify", "check" | Skill(qa-testing) |
| "plan", "break down", "strategy", "roadmap" | Skill(chief-architect) |
| "canvas", "drag", "position", "node" | Skill(vue-flow-debug) |
| "timer", "pomodoro", "countdown" | Skill(dev-fix-timer) |
| "keyboard", "shortcut", "hotkey" | Skill(dev-debugging) |
| "task store", "tasks disappear" | Skill(dev-debugging) |
| "port", "server won't start" | Skill(ops-port-manager) |
| "undo", "redo", "history" | Skill(dev-undo-redo) |
| "dead code", "unused", "cleanup" | Skill(codebase-health-auditor) |
| "layout", "overflow", "clipping" | Skill(frontend-layout-fixer) |
After ANY skill completes work that modifies code:
→ Skill(qa-testing) MUST be invoked before claiming success
The Skill Router is an intelligent system that automatically selects the most appropriate skill based on user input, project context, and established quality requirements. It eliminates the need to manually choose from 27+ specialized skills while enforcing mandatory quality gates.
qa-testing for feature validationqa-verify before success claimsqa-audit-ui-ux for UI changesconst ROUTING_PATTERNS = {
// Testing & Quality Assurance
'test.*': 'qa-testing',
'verify.*': 'qa-verify',
'claim.*works': 'qa-verify',
'validate.*': 'qa-testing',
'deploy.*': 'qa-testing',
// Debugging & Fixes
'fix.*bug': 'comprehensive-debugging',
'debug.*': 'comprehensive-debugging',
'broken.*': 'comprehensive-debugging',
'error.*': 'comprehensive-debugging',
'issue.*': 'comprehensive-debugging',
// Performance
'performance.*': 'dev-optimize-performance',
'slow.*': 'dev-optimize-performance',
'optimize.*': 'dev-optimize-performance',
'speed.*': 'dev-optimize-performance',
// Vue Development
'vue.*component': 'dev-vue',
'component.*': 'dev-vue',
'reactive.*': 'dev-vue',
'composable.*': 'dev-vue',
// State Management
'pinia.*': 'dev-pinia-state',
'store.*': 'dev-pinia-state',
'state.*': 'dev-pinia-state',
// Canvas & UI
'canvas.*': 'calendar-canvas-integration',
'drag.*drop': 'calendar-canvas-integration',
'ui.*consistency': 'qa-audit-ui-ux',
'design.*system': 'qa-audit-ui-ux',
// Undo/Redo System
'undo.*redo': 'dev-undo-redo',
'history.*': 'dev-undo-redo',
'state.*sync': 'dev-undo-redo',
// Timer Functionality
'timer.*': 'fix-timer-bugs',
'pomodoro.*': 'fix-timer-bugs',
'session.*': 'fix-timer-bugs',
// Task Management
'task.*store': 'fix-task-store',
'task.*creation': 'fix-task-store',
'task.*management': 'fix-task-store',
// Keyboard & Accessibility (routed to dev-debugging)
'keyboard.*': 'dev-debugging',
'shortcut.*': 'dev-debugging',
'accessibility.*': 'dev-debugging',
// Port Management
'port.*': 'ops-port-manager',
'server.*': 'ops-port-manager',
'localhost.*': 'ops-port-manager',
// Planning & Architecture
'plan.*': 'chief-architect',
'architecture.*': 'chief-architect',
'refactor.*': 'chief-architect',
'roadmap.*': 'chief-architect'
}
const MANDATORY_ROUTES = {
// Before claiming success
'claim.*works': ['qa-testing', 'qa-verify'],
'ready.*production': ['qa-testing', 'qa-verify'],
'done.*': ['qa-testing', 'qa-verify'],
'finished.*': ['qa-testing', 'qa-verify'],
// Before deployment
'deploy.*': ['qa-testing', 'qa-verify'],
'merge.*': ['qa-testing', 'qa-verify'],
'release.*': ['qa-testing', 'qa-verify'],
// After feature changes
'feature.*': ['qa-testing'],
'implement.*': ['qa-testing'],
'add.*feature': ['qa-testing']
}
User: "I need to add drag and drop for tasks"
Router:
1. Route to 'dev-vue' (component implementation)
2. Auto-route to 'calendar-canvas-integration' (drag/drop logic)
3. Force route to 'qa-testing' (validation)
4. Auto-route to 'qa-verify' (quality gate)
User: "The timer isn't working correctly"
Router:
1. Route to 'fix-timer-bugs' (domain-specific debugging)
2. Auto-route to 'qa-testing' (validation)
3. Auto-route to 'qa-verify' (quality gate)
User: "The app is running slow"
Router:
1. Route to 'dev-optimize-performance' (performance analysis)
2. Route to 'comprehensive-debugging' (if needed)
3. Force route to 'qa-testing' (validation)
To determine the best skill for a task, ALWAYS run:
node .claude/skills/meta-skill-router/router.js "YOUR_QUERY_HERE"
Then, invoke the skill returned by the router.
User: "Fix the timer bug" Agent:
node .claude/skills/meta-skill-router/router.js "fix timer bug"dev-bug-fixerdev-bug-fixer skill.sAdd project-specific patterns to .claude/skill-router/config.json:
{
"customPatterns": {
"custom.*feature": "custom-skill-name",
"specific.*bug": "specific-debug-skill"
},
"mandatoryGates": {
"critical.*feature": ["testing", "security-review", "code-review"]
},
"userOverrides": {
"allowExplicitSelection": true,
"rememberPreferences": true
}
}
Each skill can provide routing metadata:
---
name: qa-testing
description: Validate application functionality
routing:
patterns:
- 'test.*'
- 'validate.*'
- 'verify.*'
mandatoryFor:
- 'feature.*'
- 'bug.*fix'
- 'deploy.*'
priority: 10
context: ['vue', 'component', 'feature']
---
User Input → Intent Analysis → Pattern Matching → Quality Gates → Skill Selection
↓ ↓ ↓ ↓ ↓
Context Analysis → Scoring System → Chain Builder → Override Check → Execution
Enable routing diagnostics with ROUTER_DEBUG=true environment variable to see:
The Skill Router transforms the development experience by making skill selection intelligent, automatic, and consistent while maintaining the flexibility for expert users to override when needed.
Structured design dialogue that validates ideas before implementation begins.
Comprehensive design intelligence for web and mobile UI/UX across 10 technology stacks.
Comprehensive implementation plans for multi-step tasks, breaking down specs into bite-sized, testable steps.
Introduction to the obra skills system with mandatory skill invocation rules and best practices.
Execute a written implementation plan with critical review and task checkpoints.
Delegate independent tasks to specialized agents working concurrently with isolated context.
Isolated git worktrees with smart directory selection and safety verification.
Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.
Plan searchable and shareable content that drives traffic, builds authority, and generates leads.
README-first repository scanner that extracts commands and classifies reproduction candidates without executing them.
Brainstorm and prioritize marketing strategies tailored to your SaaS stage, budget, and goals.
Plan and optimize your website's page hierarchy, navigation, URL structure, and internal linking.
The world's fastest calendar for remote work
Capture, organize, and utilize your knowledge effortlessly.
Instant Summaries of Audio & Video Interviews with AnySummary
Transform PDFs into engaging mind maps.
Chat with any PDF instantly
Create an optimal daily plan using your voice
A productivity platform to centralize organizational knowledge and workflows with contextual AI assistance.
AskYourPDF Pricing Plans: Tailored to Your Needs