creo

Creo is an AI-powered toolkit for design, development, and testing, streamlining workflows across multiple domains.

<p align="center"> <img src="screenshots/cover-image.svg" alt="Creo — Design & Development Toolkit" width="100%" /> </p> <p align="center"> AI-powered design, UX, content, DevOps, and testing toolkit for <a href="https://claude.com/claude-code">Claude Code</a>. <br /> 12 specialized skills, 12 parallel subagents, and 3 optional extensions. </p> <p align="center"> <a href="LICENSE"><img src="https://img.shields.io/badge/License-MIT-blue.svg" alt="MIT License" /></a> <a href="https://github.com/oyusypenko/creo"><img src="https://img.shields.io/badge/Claude_Code-Skill-6366f1" alt="Claude Code Skill" /></a> <a href="https://github.com/oyusypenko/creo/stargazers"><img src="https://img.shields.io/github/stars/oyusypenko/creo?style=social" alt="GitHub Stars" /></a> <a href="https://github.com/oyusypenko/creo/releases"><img src="https://img.shields.io/github/v/release/oyusypenko/creo" alt="Latest Release" /></a> </p>

Why Creo?

Without Creo: You manually check responsive layouts, accessibility, SEO tags, write marketing copy, configure CI/CD, and set up tests -- each requiring different tools and expertise.

With Creo: One toolkit handles all of it. Run /creo design-review and get a full responsive + WCAG + heuristic audit. Run /creo seo for a complete SEO analysis. Run /creo marketing-site full to orchestrate an entire marketing site build with content, SEO, design review, localization, and QA -- all in parallel.

  • Zero dependencies -- pure markdown, one-liner install
  • 12 skills run as parallel subagents for speed
  • Works with Claude Code, compatible with Codex, Cursor, and Gemini CLI

Features

  • Design Review -- Responsive testing (375-1920px), WCAG AA accessibility, Nielsen's 10 heuristics, visual polish
  • Design Implementation -- Execute fixes from review reports with verified code changes
  • UX Analysis -- Analyze your own app flows (internal) or competitor websites (external)
  • Marketing Content -- JTBD framework, customer pain points, i18n-ready JSON output
  • Image Prompts -- Generate optimized prompts for DALL-E 3, Midjourney, Stable Diffusion XL
  • SEO Audit -- Technical SEO, meta tags, structured data, sitemap, content optimization
  • DevOps -- GitHub, Cloudflare, Railway, Stripe CLI operations via specialized subagents
  • CI/CD Pipelines -- GitHub Actions workflow creation, debugging, optimization
  • Testing -- Unit (Vitest/Jest) and E2E (Playwright) test orchestration
  • Marketing Site -- 7-stage orchestrated site creation (content, SEO, design, localization, QA)
  • AI Generation -- LLM pipeline expertise (prompt engineering, validation, queues, SSE)

Quick Start

Install (Unix/macOS)

curl -fsSL https://raw.githubusercontent.com/oyusypenko/creo/main/install.sh | bash

Install (Windows)

irm https://raw.githubusercontent.com/oyusypenko/creo/main/install.ps1 | iex

Install (Git Clone)

git clone https://github.com/oyusypenko/creo.git
cd creo
./install.sh
<!-- TODO: Add terminal demo GIF here once recorded with asciinema/vhs -->

Usage

claude                                          # Start Claude Code
/creo design-review http://localhost:3000       # Review a page
/creo content landing                           # Generate landing page copy
/creo seo init                                  # (SEO: run this FIRST on any Next.js project)
/creo seo audit https://example.com             # SEO audit (run after init)
/creo test unit                                 # Run unit tests
/creo marketing-site full                       # Build full marketing site

SEO: required first-run sequence

The creo-seo agent is Next.js-opinionated and works best when it has a cached project profile. Run these two commands in order on any new project:

  1. /creo seo init — scans the codebase once and writes .claude/skills/creo-seo/creo-seo-{project_id}.md with the page inventory, detected stack (App Router vs Pages, i18n locales, SEO libraries), existing schema types, business-type hypothesis, and detected gaps. All subsequent SEO commands load this profile for context, skipping redundant scans.
  2. /creo seo audit <url> — runs the full 7-phase audit end-to-end (technical SEO, content quality with AI-pattern detection, build validation, live Core Web Vitals, AI search / citability / llms.txt / 14-crawler access, schema deprecation sweep, composite scoring) and writes a markdown + JSON report to .claude/reports/seo/.

Re-run /creo seo init --refresh when you change router type, upgrade Next.js major version, add/remove locales, or modify next.config.* or package.json significantly.

For content-only deep dives (E-E-A-T, humanity score, citability rewrites, internal-linking audit), use /creo seo-content audit <url>.

Updating

Creo stamps the installed commit SHA to ~/.claude/skills/creo/.version and ships both an updater and a non-blocking update check.

Update to latest

Unix/macOS:

curl -fsSL https://raw.githubusercontent.com/oyusypenko/creo/main/update.sh | bash
# or, if already installed:
~/.claude/skills/creo/update.sh

Windows:

irm https://raw.githubusercontent.com/oyusypenko/creo/main/update.ps1 | iex

The updater runs uninstall.sh first so removed files are actually cleaned up, then reinstalls from main.

Auto-notify on Claude Code startup

Add a SessionStart hook in .claude/settings.json (project or user level) to check for updates when Claude Code starts. Silent on success, prints a one-line warning when an update is available. Never blocks or fails the session.

{
  "hooks": {
    "SessionStart": [{
      "hooks": [{
        "type": "command",
        "command": "bash ~/.claude/skills/creo/update-check.sh"
      }]
    }]
  }
}

Windows:

{
  "hooks": {
    "SessionStart": [{
      "hooks": [{
        "type": "command",
        "command": "powershell -ExecutionPolicy Bypass -File %USERPROFILE%/.claude/skills/creo/update-check.ps1"
      }]
    }]
  }
}

The check fetches the latest commit on main from the GitHub API (3s timeout, falls back to git ls-remote) and compares against the installed .version. Offline and rate-limited cases exit silently.

Environment overrides (rarely needed):

  • CREO_REPO — repo slug (default: oyusypenko/creo)
  • CREO_SKILL_DIR — install location (default: ~/.claude/skills/creo)
  • CREO_TIMEOUT — curl timeout in seconds (default: 3)

Project Extensions

Teach any Creo skill about your project's domain, conventions, and file paths without modifying Creo itself. Extensions live inside your project repo at .claude/skills/creo-{skill}/creo-{skill}-{project_id}.md and are loaded automatically at the start of every skill run.

How it works:

  1. Set project_id: "my-project" in .claude/project-config.md
  2. Create .claude/skills/creo-{skill}/creo-{skill}-{project_id}.md for any skill you want to customize
  3. Creo skills auto-load the matching extension before doing work

Example layout in your project:

.claude/
├── project-config.md                                     # project_id, URLs, locales, etc.
└── skills/
    ├── creo-design-review/
    │   └── creo-design-review-my-project.md              # Design tokens, component rules
    ├── creo-pipeline/
    │   └── creo-pipeline-my-project.md                   # CI/CD ports, services, deploy targets
    ├── creo-seo/
    │   └── creo-seo-my-project.md                        # Keyword strategy, sitemap paths
    ├── creo-ai-generation/
    │   └── creo-ai-generation-my-project.md              # Zod schemas, prompts, queue names
    └── creo-unit-test/
        └── creo-unit-test-my-project.md                  # Test utilities, factories, mocks

What extensions can contain:

  • Domain terminology and glossary (entity names, business concepts)
  • File path conventions specific to your monorepo
  • Tech stack specifics (Zod schemas, database tables, queue names)
  • Design tokens and component standards
  • CI/CD infrastructure (services, ports, secrets, deploy targets)
  • Test utilities, factories, mock patterns, page objects
  • Brand voice, tone, target audience, JTBD framing
  • Competitor lists and positioning notes

Why it matters:

Upstream Creo skills stay generic and reusable across any codebase. Your project-specific knowledge lives in your repo, survives Creo updates, and stays version-controlled alongside the code it describes. The same pattern works for all 12 skills plus DevOps subagents (GitHub/Cloudflare/Railway/Stripe CLI).

Compatibility

Creo skills use the standard SKILL.md format, making them compatible with:

  • Claude Code (primary, fully tested)
  • Codex CLI (OpenAI)
  • Cursor (via agent skills)
  • Gemini CLI (Google)

Commands

CommandPurpose
/creo design-review <url>UI/UX review (responsive, WCAG AA, heuristics)
/creo design-implement <report>Execute design fixes from review reports
/creo ux-internal <flow>Analyze your own app's UX flows
/creo ux-competitor <url>Analyze competitor websites
/creo content <page-type>Generate marketing copy (JTBD, pain points)
/creo image-prompt <context>Generate image prompts for AI models
/creo seo <url>SEO audit & optimization
/creo devops <command>Infrastructure (GitHub/Cloudflare/Railway/Stripe)
/creo pipeline <command>CI/CD pipeline specialist (GitHub Actions)
/creo test <command>Test orchestration (unit + E2E)
/creo marketing-site <command>Full marketing site creation (7-stage)
/creo ai-generation <command>AI generation pipeline expertise

Standalone Skills

Need just one skill? Each is available as a standalone install under creo-kit:

SkillRepositoryInstall
SEO Auditclaude-seo-auditcurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-seo-audit/main/install.sh | bash
Design Reviewclaude-design-reviewcurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-design-review/main/install.sh | bash
Design Implementclaude-design-implementcurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-design-implement/main/install.sh | bash
UX Auditclaude-ux-auditcurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-ux-audit/main/install.sh | bash
Competitor Analysisclaude-competitor-analysiscurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-competitor-analysis/main/install.sh | bash
Marketing Contentclaude-marketing-contentcurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-marketing-content/main/install.sh | bash
Image Promptclaude-image-promptcurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-image-prompt/main/install.sh | bash
DevOps Toolkitclaude-devops-toolkitcurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-devops-toolkit/main/install.sh | bash
CI/CD Pipelineclaude-ci-pipelinecurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-ci-pipeline/main/install.sh | bash
Test Orchestratorclaude-test-orchestratorcurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-test-orchestrator/main/install.sh | bash
Marketing Siteclaude-marketing-sitecurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-marketing-site/main/install.sh | bash
AI Generationclaude-ai-generationcurl -fsSL https://raw.githubusercontent.com/creo-kit/claude-ai-generation/main/install.sh | bash

Install the full Creo toolkit to get all 12 skills at once, or pick individual ones above.

Optional Extensions

Extensions add tool-backed capabilities. Each is self-contained with its own install/uninstall.

ExtensionWhat it addsRequirements
image-generationDALL-E 3 & ComfyUI image generationNode.js 18+, OPENAI_API_KEY
i18n-translatorBatch JSON translation (39+ languages)Python 3, LM Studio
gsc-analyzerGoogle Search Console analysis (15+ analyzers)Python 3, Google service account

Install an extension

# After cloning the repo:
./extensions/image-generation/install.sh
./extensions/i18n-translator/install.sh
./extensions/gsc-analyzer/install.sh

Extension commands become available after install:

  • /creo image-generation generate -- Generate marketing images
  • /creo i18n translate en uk,pl,de -- Batch translate locales
  • /creo gsc full-seo https://example.com -- Full GSC analysis

Architecture

creo/
├── creo/SKILL.md                  # Main orchestrator (entry point)
├── creo/references/               # 12 on-demand knowledge files
├── skills/                        # 12 sub-skills
├── agents/                        # 12 parallel subagents
├── extensions/                    # 3 optional extensions
│   ├── image-generation/          # Node.js (DALL-E 3, ComfyUI)
│   ├── i18n-translator/           # Python (LM Studio)
│   └── gsc-analyzer/              # Python (Google Search Console)
├── install.sh / install.ps1       # One-liner installers
└── uninstall.sh / uninstall.ps1   # Clean removal

Requirements

  • Claude Code CLI
  • Git (for installation)
  • Extensions have additional requirements (see extension READMEs)

Uninstall

curl -fsSL https://raw.githubusercontent.com/oyusypenko/creo/main/uninstall.sh | bash

Extensions must be uninstalled separately via their own uninstall scripts.

Documentation

Contributing

See CONTRIBUTING.md for guidelines.

License

MIT