Creo -- Design & Development Toolkit

Creo is a comprehensive design, UX, content, DevOps, and testing toolkit for web applications. It provides a unified interface for design reviews, UX flow analysis, marketing content generation, SEO auditing, CI/CD pipeline management, test orchestration, and full marketing site creation. Each command routes to a specialized sub-skill or subagent optimized for its domain.

Quick Reference

Orchestration Logic

Individual Commands

For any single command (e.g., /creo design-review, /creo seo), the orchestrator loads the relevant sub-skill directly. The sub-skill file contains the full instructions and references needed for that domain.

Marketing Site Full Build (/creo marketing-site full)

This is a multi-stage orchestration that delegates to parallel subagents:

1. Stage 1-2: Infrastructure setup and content generation run sequentially.
2. Stage 3: Page component assembly.
3. Stage 4-5: Parallel delegation to:

• creo-content-strategist -- generates marketing copy for all pages
• creo-seo -- runs codebase audit and optimizes metadata/structured data
• creo-design-review -- validates responsive design and accessibility
• creo-ux-competitor -- analyzes competitor sites for differentiation

1. Stage 6: Localization via creo-i18n-translator.
2. Stage 7: Final QA combining all subagent reports.

DevOps Routing (/creo devops)

Routes to specialized CLI subagents based on the target platform:

Test Routing (/creo test)

Routes to the appropriate testing subagent:

Domains

Reference Files

On-demand reference files loaded by sub-skills as needed. Located in creo/references/:

Sub-Skills

Each sub-skill is a standalone SKILL.md that can be invoked directly or through the orchestrator.

Subagents

Each subagent is a focused agent definition for parallel delegation.

Optional Extensions

These extensions can be added to the toolkit as needed:

• image-generation -- Integration with DALL-E, Midjourney, or SDXL APIs for automated image creation from prompts generated by the image-prompt sub-skill.
• i18n-translator -- Automated translation pipeline for marketing site localization across 39+ languages with quality validation.
• gsc-analyzer -- Google Search Console data analysis for SEO performance tracking and keyword opportunity identification.

Project Configuration

All skills check .claude/project-config.md at runtime for project-specific settings. This file should contain:

• Dev server URL -- The local development server address (default: http://localhost:3000).
• Framework -- The frontend framework in use (Next.js, Vite, etc.).
• CSS framework -- Tailwind CSS, MUI, shadcn/ui, or custom.
• Supported locales -- List of language codes for i18n.
• Brand guidelines -- Brand name, colors, fonts, voice attributes.
• Deployment targets -- Hosting platform and CI/CD configuration.
• Test framework -- Vitest, Jest, Playwright, Cypress, etc.

If .claude/project-config.md does not exist, skills use sensible defaults and prompt the user for required configuration.