Skip to content

ScryDeploy Storybook to the cloud

Set up with your AI assistant. Deploy Storybook and find your components.

Set up with your AI assistant ​

From your application's repository:

bash
npx skills add epinnock/scry-node --skill scry-setup

Use Node.js 22.20 or newer for the installer. Choose your assistant, then ask: “Set up Scry for this project and connect my assistant to its components.”

The skill adapts to your repository and helps configure deployment, MCP, and optional Figma linking. You complete sign-in in your browser.

Set up with AI → · Use the CLI directly →

How It Works ​

┌─────────────────┐     ┌──────────────────┐     ┌─────────────────┐
│  Your Codebase  │────▶│  GitHub Actions  │────▶│   Scry Cloud    │
│                 │     │                  │     │                 │
│  • Storybook    │     │  • Build         │     │  • R2 Storage   │
│  • Components   │     │  • Deploy        │     │  • CDN Delivery │
│  • Stories      │     │  • Notify        │     │  • PR Previews  │
└─────────────────┘     └──────────────────┘     └─────────────────┘

What happens when you push? ​

  1. Push to main → Deploys to production (/latest)
  2. Open a PR → Deploys preview (/pr-123)
  3. Update PR → Updates preview automatically
  4. Merge PR → Main deployment updated

Why Scry? ​

FeatureScryChromaticVercel
Storybook Hosting✅✅❌
PR Previews✅✅✅
One-Command Setup✅❌❌
Self-Hostable✅❌❌
GitHub Actions✅✅✅
Free Tier✅LimitedLimited

Architecture ​

Scry consists of three main components:

  • CLI (@scrymore/scry-deployer) - The command-line tool you run in CI
  • Upload Service - Cloudflare Worker that handles file uploads
  • CDN Service - Cloudflare Worker that serves your Storybook

Learn more about the architecture →