v1.0.11 — Shuffle CLI with Design

Design CLI,
built for automated workflows.

Build or redesign websites instantly using a single command in the terminal.

$ npm install -g @shuffle-dev/cli

All top AI models

HTML & Tailwind CSS

~/shuffle

$ npx @shuffle-dev/cli design create "landing page for ..."

✔ Session created

Generated project: adcc45fe2e4c004cbb1716ee3e9f359ee16e1ae8

Model: Claude Opus 4.7
Edit: https://shuffle.dev/editor?project=...
Preview: https://shuffle.dev/preview/...
Screenshot URL: https://static.shuffle.dev/...

$ npx @shuffle-dev/cli get adcc45fe2e4c004cbb1716ee3e9f359ee16e1ae8 --output=./landing-page

✔ Project downloaded successfully!

Capabilities

Everything you need to automate design.

Create new designs

Describe the page you need and the design CLI will generate it using multiple AI models in parallel. You get several design variants to choose from — all as clean, editable HTML & Tailwind CSS.

npx @shuffle-dev/cli design create "..."

This is a command line version of Shuffle's AI Design Arena.

Redesign any website

Give the CLI a URL and a direction. It screenshots the live page, then generates a redesigned version — same content, fresh look. Perfect for refreshing clients' sites or exploring new directions.

npx @shuffle-dev/cli redesign create https://example.com "..."

This is a command line version of Shuffle's AI Website Redesign.

Examples

Build design automation into the tools your team already uses.

Design Slack Bot

Create new designs from Slack.

A Slack bot that uses Shuffle's Design CLI to create new designs when mentioned in a channel or messaged directly.

All leading AI design models are supported, including Claude Opus, GPT, Gemini Pro, and Kimi.

Open the Design Bot Docs

Slack bot example using Shuffle's Design CLI

Design Outreach Automation

Send personalized redesign offers automatically.

Generate redesigns for prospect websites, review them in a local preview tool, and send polished outreach via Resend.

The workflow tracks generated redesign files and sent emails in your prospect list, so every outreach run stays repeatable.

Open Design Outreach Automation Docs

~/shuffle

$ npx @shuffle-dev/cli auth

✔ Authentication successful!

$ npx @shuffle-dev/cli design create --help

Usage: npx @shuffle-dev/cli design create [options] [prompt]

Options:
-m, --model <id>
Model to generate with. Can be repeated or comma-separated
--all
Run all active design models without selecting them interactively
--download [directory]
Download generated project files after each successful run
--source-only
When used with --download, extract only source files
--screenshot
Generate a screenshot for each project after it is created
--save-output <file>
Save the output with all the URLs to a file

Quick Start

Automate design work with Shuffle's Design CLI.

Shuffle users can generate, redesign, and download projects from scripts, CI jobs, or their own internal tools.

Automated workflows. Run design generation in repeatable commands instead of manual browser sessions.

Custom tools. Build your own prompts, dashboards, and approval flows on top of Shuffle's design engine.

Ready-to-edit output. Download HTML and Tailwind CSS that your team can inspect, modify, and ship.

Read the full docs

Ready to upgrade your workflow?

Join thousands of developers and designers building better UI architecture with Shuffle.

$ npm install -g @shuffle-dev/cli

Redirecting to PayPal

Combine elements and styles to create an entirely new UI Library!

Supporting tools

Plans

Design CLI,
built for automated workflows.