Multi-Agent Dev Team
2-agent collaborative software development workflow for OpenClaw
技能说明
name: Multi-Agent Dev Team description: 2-agent collaborative software development workflow for OpenClaw homepage: https://ubik.systems metadata: {"clawdbot":{"emoji":"🤝","requires":{"agents":["multi-agent-pm","multi-agent-dev"]}}}
Multi-Agent Dev Team
2-agent collaborative software development workflow for OpenClaw
Build complete software projects using AI agents that work together like a real development team.
What is this?
The Multi-Agent Dev Team skill provides a PM (Project Manager) and Dev (Developer) agent that collaborate to build software projects. You describe what you want, the PM breaks it down into tasks, and the Dev agent implements them.
Perfect for:
- Landing pages and websites
- Small web applications
- Prototypes and MVPs
- Code generation projects
- Learning multi-agent workflows
Quick Start
1. Install the skill
npx clawhub install multi-agent-dev-team
2. Set up agents
The skill includes two pre-configured agents:
PM Agent (multi-agent-pm)
- Handles project planning
- Coordinates the Dev agent
- Reports progress to you
Dev Agent (multi-agent-dev)
- Implements code
- Tests functionality
- Commits to Git
3. Configure in ~/.openclaw/config.yaml
agents:
multi-agent-pm:
soul: ~/.openclaw/skills/multi-agent-dev-team/agents/pm-agent/SOUL.md
model: anthropic/claude-sonnet-4-5-20250929 # or your preferred model
multi-agent-dev:
soul: ~/.openclaw/skills/multi-agent-dev-team/agents/dev-agent/SOUL.md
model: google/gemini-2.5-flash # faster for code generation
4. Start your PM agent
openclaw chat --agent multi-agent-pm
Usage Example
Building a Landing Page
You (Director):
Build me a Next.js landing page with hero section, features, and contact form. Use Tailwind CSS and TypeScript.
PM Agent:
I'll break this down into a clear task for the Dev agent. Starting now...
[Spawns Dev agent with detailed spec]
Dev agent is working on the project. I'll monitor progress and report back when complete.
PM Agent (later):
✅ Landing page completed!
Deliverables:
- Next.js 14+ App Router project
- Hero, Features, Contact sections
- Fully responsive design
- TypeScript + Tailwind CSS
- Git repository initialized
Location:
~/projects/my-landing-page/Ready for deployment. Would you like me to deploy to Vercel?
How It Works
Architecture
You (Director)
↓
PM Agent (Orchestrator)
↓
Dev Agent (Implementer)
↓
Working Code
Workflow
- You describe your project to the PM agent
- PM creates a structured task specification
- PM spawns Dev agent with the spec
- Dev implements the code
- PM reviews the deliverables
- PM reports completion (or requests revisions)
- Repeat steps 4-6 if needed (max 3 iterations)
Task Specification Format
The PM agent uses this template to communicate with Dev:
## Project: [NAME]
## Task: [ACTION]
## Requirements:
1. [Requirement 1]
2. [Requirement 2]
## Technical Constraints:
- [Constraint 1]
- [Constraint 2]
## Acceptance Criteria:
- [ ] [Criterion 1]
- [ ] [Criterion 2]
## Deliverables:
- [Deliverable 1]
- [Deliverable 2]
Supported Project Types
✅ Works Great
- Next.js landing pages & apps
- React components & SPAs
- Node.js scripts & APIs
- TypeScript projects
- Static sites (HTML/CSS/JS)
- Documentation sites
⚠️ Limited Support
- Complex backend systems (use Pro version)
- Real-time applications
- Multi-service architectures
- Mobile apps
❌ Not Recommended
- Large enterprise systems
- Mission-critical production code without human review
- Projects requiring specialized agents (use Pro version)
Configuration Options
Agent Models
PM Agent (orchestration):
anthropic/claude-sonnet-4-5- Best reasoninggoogle/gemini-2.5-flash- Fast & efficientopenai/gpt-4o- Balanced
Dev Agent (code generation):
google/gemini-2.5-flash- Fast iteration (recommended)anthropic/claude-sonnet-4-5- Higher qualityopenai/gpt-4o-mini- Budget-friendly
Workspace Configuration
Set a dedicated workspace for projects:
agents:
multi-agent-pm:
soul: ~/.openclaw/skills/multi-agent-dev-team/agents/pm-agent/SOUL.md
model: anthropic/claude-sonnet-4-5-20250929
cwd: ~/dev-projects # All projects created here
Best Practices
1. Start Small
Don't ask for everything at once. Start with an MVP:
❌ Bad:
Build a full e-commerce site with user auth, payments, admin dashboard, and inventory management.
✅ Good:
Build a simple product landing page with hero, features, and signup form.
2. Be Specific
The more specific your requirements, the better the result:
❌ Vague:
Make a nice website.
✅ Specific:
Create a Next.js landing page with:
- Hero section with CTA button
- 3-column feature grid
- Contact form with email validation
- Tailwind CSS styling
- Dark mode support
3. Iterate Incrementally
Build in phases:
Phase 1: Basic structure Phase 2: Add features Phase 3: Polish & deploy
4. Review Output
Always review the generated code before deploying. The agents are good, but human oversight is important.
5. Provide Examples
If you have a specific style or pattern in mind, share examples:
Build a landing page similar to https://example.com, but for [your product].
Troubleshooting
"Dev agent didn't complete the task"
Check:
- Was the task specification clear?
- Are required tools available (Node.js, Git)?
- Did the agent hit resource limits?
Solution:
- Simplify the task
- Check PM agent logs via
sessions_history - Try again with clearer requirements
"Code doesn't work"
Check:
- Dependencies installed? (
npm install) - Environment variables set?
- Correct Node.js version?
Solution:
- Ask PM agent: "The code has errors. Please review and fix."
- The PM will spawn Dev again for corrections
"Task took too long"
Solutions:
- Break into smaller tasks
- Use faster model for Dev agent (
gemini-2.5-flash) - Simplify requirements
Examples
Example 1: Simple Landing Page
You: Build a landing page for a SaaS product called "TaskFlow".
Include hero, features (3 cards), and pricing table. Use Next.js
and Tailwind CSS.
PM: Working on it...
[2 minutes later]
PM: ✅ TaskFlow landing page complete! Ready for deployment.
Example 2: React Component Library
You: Create a reusable Button component library with variants
(primary, secondary, outline) and sizes (sm, md, lg). Use
TypeScript and class-variance-authority.
PM: Task received. Spawning Dev agent...
[3 minutes later]
PM: ✅ Button component library complete with Storybook examples.
Example 3: API Integration
You: Build a Next.js app that fetches and displays GitHub user
profiles. Include search functionality and responsive cards.
PM: Starting development...
[4 minutes later]
PM: ✅ GitHub profile viewer complete with search and error handling.
Upgrading to Pro
Want more power? Upgrade to Multi-Agent Dev Team Pro ($49):
Pro Features
- 🎯 6 specialized agents: PM, Architect, Dev, QA, DevOps, BizDev
- 🔄 Lobster pipelines: Automated workflows with approval gates
- 🏗️ Architecture design: Dedicated agent for system design
- ✅ Automated QA: Code review & testing agent
- 🚀 DevOps automation: Deployment & CI/CD setup
- 💼 Business planning: Market research & strategy agent
- 📚 Comprehensive guides: English + Korean setup docs
Support
- 📖 Documentation: docs.openclaw.ai
- 💬 Discord: discord.com/invite/clawd
- 🐛 Issues: github.com/openclaw/openclaw
- 📧 Email: support@ubik.systems
License
MIT License - See LICENSE file for details
Credits
Built by UBIK Collective
Powered by OpenClaw
Ready to build with AI agents? Install now:
npx clawhub install multi-agent-dev-team
如何使用「Multi-Agent Dev Team」?
- 打开小龙虾AI(Web 或 iOS App)
- 点击上方「立即使用」按钮,或在对话框中输入任务描述
- 小龙虾AI 会自动匹配并调用「Multi-Agent Dev Team」技能完成任务
- 结果即时呈现,支持继续对话优化