Vibe Coding Studio

Open-source multi-agent organization template — 7 AI agents for creative coding, rapid prototyping, and design-driven development.

Try it online →　　中文文档

What is Vibe Coding Studio?

Vibe Coding Studio is a ready-to-use multi-agent team template. It spawns 7 AI agents organized into 2 workflow packs:

Creative Studio Pack ✨

Agent	Role	Key Skills
Visual Designer	Create visual systems, brand identities, marketing materials	Visual Design, Typography, Brand Identity
Content Creator	Multimedia content, social media, brand storytelling	Content Creation, Storytelling, Social Media
Brand Manager	Brand strategy, consistency, campaigns	Brand Strategy, Positioning, Campaign Management

Workflow: Brand Manager → Visual Designer → Content Creator

Product Delivery Pack 🚀

Agent	Role	Key Skills
Product Manager	Requirements, PRDs, release coordination	Product Strategy, Roadmap Planning
Product Designer	Wireframes, user flows, prototypes	UX Design, Wireframing, Prototyping
Developer	Feature implementation, tests, deployment	Fullstack Development, API Design, Architecture
Quality Engineer	Test automation, CI pipeline, quality metrics	Test Automation, CI/CD, Performance Testing

Workflow: PM → Designer → Developer → QA (loop on bugs)

Platform Files

Pre-generated configuration files for 3 platforms:

Claude Code

.claude/
├── CLAUDE.md                    # Project rules + team coordination
└── agents/
    ├── visual-designer.md       # Subagent definitions
    ├── content-creator.md
    ├── brand-manager.md
    ├── product-manager.md
    ├── product-designer.md
    ├── developer.md
    └── quality-engineer.md

OpenClaw

.openclaw/workspace/
├── AGENTS.md                    # Team structure + sessions_spawn coordination
├── USER.md                      # User preference template
├── TOOLS.md                     # Tool usage conventions
├── visual_designer/
│   ├── SOUL.md                  # Personality + rules + skills
│   └── IDENTITY.md              # Name + emoji + creature type
├── content_creator/
│   ├── SOUL.md
│   └── IDENTITY.md
├── brand_manager/
│   ├── SOUL.md
│   └── IDENTITY.md
├── product_manager/
│   ├── SOUL.md
│   └── IDENTITY.md
├── product_designer/
│   ├── SOUL.md
│   └── IDENTITY.md
├── developer/
│   ├── SOUL.md
│   └── IDENTITY.md
└── quality_engineer/
    ├── SOUL.md
    └── IDENTITY.md

Hermes

.hermes/skills/
├── research/
│   ├── visual-designer/SKILL.md
│   ├── content-creator/SKILL.md
│   ├── brand-manager/SKILL.md
│   └── team-coordinator/SKILL.md
└── engineering/
    ├── product-manager/SKILL.md
    ├── product-designer/SKILL.md
    ├── developer/SKILL.md
    ├── quality-engineer/SKILL.md
    └── team-coordinator/SKILL.md

Quick Start

# Copy to your project root
cp -r claude/.claude/ ./my-project/.claude/        # Claude Code
cp -r openclaw/.openclaw/ ./my-project/.openclaw/  # OpenClaw
cp -r hermes/.hermes/ ./my-project/.hermes/        # Hermes

Or use online: teamagent.top — sign up free → select Vibe Coding Studio → "Use Template"

License

MIT — free to use, modify, and distribute.