Quick Start

Get started with StyleGrab in under 5 minutes.

1. Create an Account

Sign up at stylegrab.dev to create your account.

2. Get Your API Key

1. Go to your Dashboard
2. Navigate to Settings → API Keys
3. Click Create API Key
4. Copy your key (you won’t see it again)

3. Make Your First Extraction

curl -X POST https://api.stylegrab.dev/api/extractions \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"url": "https://stripe.com"}'

4. View the Results

The response includes extracted design tokens:

{
  "id": "ext_abc123",
  "url": "https://stripe.com",
  "status": "completed",
  "tokens": {
    "colors": [
      {"name": "primary", "value": "#635bff", "usage": 89},
      {"name": "text", "value": "#425466", "usage": 234}
    ],
    "typography": [
      {"family": "system-ui", "weights": ["400", "500", "600"]}
    ],
    "spacing": ["4px", "8px", "12px", "16px", "24px", "32px", "48px"]
  },
  "created_at": "2024-01-15T10:30:00Z"
}

5. Compare Changes Over Time

Run another extraction later and compare snapshots:

# Get snapshots for an extraction
curl https://api.stylegrab.dev/api/extractions/ext_abc123/snapshots \
  -H "Authorization: Bearer YOUR_API_KEY"

# Compare two snapshots
curl "https://api.stylegrab.dev/api/extractions/ext_abc123/diff?from=snap_1&to=snap_2" \
  -H "Authorization: Bearer YOUR_API_KEY"

Next Steps

• Installation — Self-host StyleGrab
• Configuration — Environment variables and settings
• Your First Extraction — Detailed walkthrough