Coming Soon

Brand extraction
from your terminal.

The ExtractVibe CLI will let you extract brand kits directly from the command line. Install via npm, pipe output to files, and integrate with CI/CD pipelines. Currently in development.

Installation

Install with npm

The CLI will be published as an npm package. Install it globally or use npx for one-off extractions.

Installation
# Install globally via npm
npm install -g extractvibe

# Or use npx without installing
npx extractvibe extract stripe.com

Usage

Example commands

The CLI supports multiple output formats, filtering by extraction type, batch extraction, and piping to other tools.

Usage examples
# Extract a full brand kit
extractvibe extract stripe.com

# Extract only colors
extractvibe extract stripe.com --only colors

# Extract and save as JSON
extractvibe extract linear.app --output brand-kit.json

# Extract and pipe to jq
extractvibe extract vercel.com --json | jq '.colors'

# Extract multiple sites
extractvibe extract stripe.com linear.app vercel.com

# Generate a Tailwind config from extraction
extractvibe extract notion.so --format tailwind > tailwind.brand.js

# Generate CSS custom properties
extractvibe extract figma.com --format css > brand-tokens.css

CI/CD Integration

Automate brand consistency checks

Use the CLI in GitHub Actions, GitLab CI, or any CI/CD pipeline to automatically check for brand identity changes and alert your team.

GitHub Actions workflow
# .github/workflows/brand-check.yml
name: Brand Consistency Check
on:
  schedule:
    - cron: '0 9 * * 1'  # Every Monday at 9am

jobs:
  check:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: npm install -g extractvibe
      - run: |
          extractvibe extract mysite.com --json > current.json
          extractvibe diff brand-baseline.json current.json
      - name: Alert on changes
        if: failure()
        run: echo "Brand identity has changed!"

Planned Features

Output Formats

JSON, CSS custom properties, Tailwind config, Style Dictionary, and W3C Design Tokens. Choose the format that fits your workflow.

Diff Command

Compare two brand extractions to see what changed. Useful for tracking brand evolution and catching unintended changes.

Watch Mode

Run continuous brand monitoring from the terminal. Get notified when a site's brand identity changes.

Can't wait?

The REST API is available now. Start extracting brand kits programmatically today.

View API docs