Menu
Multi-agent logo design pipeline orchestrating 6 agents through Strategy, Concepts, Figma, Code, Preview, and QA phases
Instalar com Codex ou Claude Copie este prompt, cole no Codex, Claude ou outro assistente e deixe que ele revise a página da skill e instale para você.
Baseado na classificação ocupacional SOC
Interact with Basecamp via the Basecamp CLI. Full API coverage: projects, todos, cards, messages, files, schedule, check-ins, timeline, recordings, templates, webhooks, subscriptions, lineup, chat, gauges, assignments, notifications, and accounts. Use for ANY Basecamp question or action.
Brainstorm requirements and create sprint PRDs with atomic tasks. Creates sprints/vN/PRD.md and TASKS.md with user stories, architecture, and ordered task breakdowns.
Structured review for design system compliance, TypeScript quality, page structure, security, and accessibility
Pick the highest priority task from the sprint backlog and implement it with TDD, security scanning, and browser-based E2E testing
Scaffold a new page following all Colaberry AI platform standards including locked theming and page structure
Safe refactoring workflow that reads before writing, plans before editing, and verifies after each change
| name | design-logo |
| description | Multi-agent logo design pipeline orchestrating 6 agents through Strategy, Concepts, Figma, Code, Preview, and QA phases |
| user-invocable | true |
Design or redesign the ColaberryAI logo using a coordinated multi-agent pipeline. This skill orchestrates 6 specialized agents to produce a production-ready logo.
User triggers /design-logo
│
▼
┌─────────────────────────┐
│ @logo-design-director │ ← Orchestrator (you run this)
│ Creative Director │
└─────────┬───────────────┘
│
┌─────┴─────┐
▼ ▼
Phase 1 Phase 2
Strategy Concepts
│ │
▼ ▼
@brand- @canvas-
strategist designer
│ │
└─────┬─────┘
▼
Phase 3
Figma
│
▼
@figma-designer
│
▼
Phase 4
Code
│
▼
@svg-engineer
│
▼
Phase 5
Preview
│
▼
@lovable-prototyper
│
▼
Phase 6
QA
│
▼
@logo-qa
/design-logo
Runs all 6 phases sequentially.
/design-logo strategy → Run @brand-strategist only
/design-logo concepts → Run @canvas-designer only
/design-logo figma → Run @figma-designer only
/design-logo code → Run @svg-engineer only
/design-logo preview → Run @lovable-prototyper only
/design-logo qa → Run @logo-qa only
/design-logo from:figma → Run phases 3-6
/design-logo from:code → Run phases 4-6
Input: CLAUDE.md, design system, stakeholder feedback Output: Brand brief with personality, principles, metaphor options Duration: ~2 min
Input: Brand brief from Phase 1 Output: 5+ scored logo concepts with SVG specifications Duration: ~3 min
Input: Top 2-3 concepts from Phase 2 Output: Polished vector designs, all variants, export-ready Duration: ~5 min (requires Figma desktop app)
Input: Polished designs from Phase 3
Output: BrandLogo.tsx component + standalone SVGs
Duration: ~3 min
Input: React component from Phase 4
Output: /brand-preview page with all contexts
Duration: ~3 min
Input: All outputs from phases 1-5 Output: QA report with pass/fail per criterion Duration: ~2 min
| Constraint | Source | Rule |
|---|---|---|
| Casing | Ram (CEO) | Must be "ColaberryAI" — capital A and I |
| Icon required | Karun | Must have a visual mark, not text-only |
| No purple | Ram | Zero purple — professional for sales |
| No complex icons | Ram | Rejected illustrated flask concept |
| SVG format | Aleem | All outputs must be SVG |
| Colors | Design system | Zinc monochrome + coral #DC2626 only |
| Font | Design system | Inter (SemiBold + ExtraBold) |
| Scale | Technical | Must work 16px (favicon) to 200px+ |
| Dark-first | Design system | Primary mode is dark (#09090B) |
.claude/agents/logo-design-director.md.claude/agents/brand-strategist.md.claude/agents/canvas-designer.md.claude/agents/figma-designer.md.claude/agents/svg-engineer.md.claude/agents/lovable-prototyper.md.claude/agents/logo-qa.md.claude/agents/competitive-analysis.mdsrc/components/BrandLogo.tsx — Logo React componentsrc/components/Layout.tsx — Header/footer logo swappublic/brand/ — SVG + PNG assetssrc/pages/brand-preview.tsx — Design showcase pageAfter pipeline completes:
/brand-preview URL with Ram