Agent Skills
Specialized AI agents that collaborate like a real development team to ship features autonomously.
Multi-Agent Collaboration
Agent Skills simulate a full development team where each agent has a specialized role. They can work independently or collaborate on complex tasks, passing context between each other.
How Agents Collaborate
When you invoke a workflow like /feature, multiple agents are automatically orchestrated: the architect designs, the developer implements, the tester creates tests, and the reviewer validates quality.
The 6 Agent Skills
architect
System design expert that creates architecture plans, data models, and API contracts.
Responsibilities:
- • Design system architecture (layers, modules, boundaries)
- • Create database schemas and migrations
- • Define API contracts (tRPC routes, Zod schemas)
- • Write Architecture Decision Records (ADRs)
- • Plan feature implementation steps
Example Usage:
/architect "Design data model for multi-tenant SaaS with orgs and teams"Output: Architecture diagrams, database schema, ADR documentation, API contracts
developer
Implementation specialist that writes clean, production-ready code following your quality level.
Responsibilities:
- • Implement features following architecture design
- • Write tRPC routers, services, repositories
- • Create React components with Tailwind CSS
- • Add validation with Zod schemas
- • Follow quality rules for your level
Example Usage:
/developer "Implement user onboarding flow with 3-step wizard"Output: Router files, service/repository code, React components, validation schemas
tester
Quality assurance specialist that generates comprehensive test suites and ensures coverage.
Responsibilities:
- • Generate unit tests (Vitest)
- • Create integration tests (tRPC + Prisma)
- • Write component tests (React Testing Library)
- • Ensure coverage meets quality level requirements
- • Test edge cases and error paths
Example Usage:
/tester "Generate comprehensive tests for payment router"Output: Unit test files, integration tests, component tests, coverage report
reviewer
Code review expert that spots bugs, security issues, and suggests improvements.
Responsibilities:
- • Review code for bugs and anti-patterns
- • Check SOLID principles compliance
- • Identify security vulnerabilities
- • Suggest performance improvements
- • Validate architecture boundaries
Example Usage:
/reviewer "Review authentication system for security issues"Output: Code review comments, security findings, improvement suggestions
marketing
PROMarketing specialist that generates copy, landing pages, emails, and social content.
Responsibilities:
- • Write marketing copy for landing pages
- • Generate email campaigns (React Email)
- • Create social media posts
- • Design product announcements
- • Write SEO-optimized content
Example Usage:
/marketing "Create launch email campaign for new AI features"Output: Landing page sections, email templates, social posts, SEO meta tags
designer
PROUI/UX specialist that creates mockups, components, and design system documentation.
Responsibilities:
- • Design UI component mockups
- • Create user flow diagrams
- • Build design system documentation
- • Generate color palettes and typography scales
- • Design responsive layouts
Example Usage:
/designer "Design dashboard layout with sidebar navigation and widgets"Output: Component mockups, design tokens, layout specs, user flows
Agent Collaboration Example
Here's how agents work together when you use /feature:
1. Architect designs system
Creates architecture plan, data models, API contracts → passes to Developer
2. Developer implements
Follows architecture plan, writes code → passes to Tester
3. Tester creates test suite
Generates tests for all code, runs them → passes to Reviewer
4. Reviewer validates quality
Reviews code, checks rules, validates architecture → Reports issues or approves
🚀 Upgrade to Pro for All Agents
Community edition includes developer and tester. Upgrade to Pro to unlock all 6 agents including marketing and designer.
Get Craft ($199) →