메뉴
Multi-agent logo design pipeline orchestrating 6 agents through Strategy, Concepts, Figma, Code, Preview, and QA phases
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
| 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 RamInteract 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