Create stunning UIs in Shuffle, then take full control with Cursor. Sync projects locally and accelerate your workflow — all powered by the Shuffle CLI.
Today, we're launching Shuffle CLI, a command-line interface for Shuffle's visual editor. It's a missing link between Shuffle and AI Code Editors.
💡 tl;dr: How to test it without an account:
npx @shuffle-dev/cli get example-project .shuffle --rules=cursor
🛠 What it does:
Thanks to Shuffle CLI, you can: ✅ Design visually in Shuffle (Try demo: https://shuffle.dev/new) ✅ Sync everything locally – projects, components, styles
✅ Take full control in Cursor, Windsurf, and Claude Code.
You get the speed of visual design and control of code & AI in local IDEs.
💡 How to test shuffle-cli in your workflow:
❶ Demo without an account
npx @shuffle-dev/cli get example-project .shuffle --rules=cursor
❷ With a Shuffle account
npx @shuffle-dev/cli help (use to learn about all commands available)
npx @shuffle-dev/cli auth
npx @shuffle-dev/cli sync <project_id> .shuffle --rules=cursor
🎯 When your project is synced locally, you can ask your AI Code Editor for updates, for example: > Create a next.js app from the .shuffle directory > Add new pages to my next.js app from .shuffle
Cursor understands the changes in the .shuffle (synchronised directory) and acts accordingly.
We'd love to hear your thoughts, feedback, or ideas on how we can improve this for your workflow.
Thanks for checking it out!
About Shuffle CLI on Product Hunt
“Stunning UIs in Shuffle, full control in Cursor”
Shuffle CLI launched on Product Hunt on July 26th, 2025 and earned 220 upvotes and 9 comments, placing #5 on the daily leaderboard. Create stunning UIs in Shuffle, then take full control with Cursor. Sync projects locally and accelerate your workflow — all powered by the Shuffle CLI.
On the analytics side, Shuffle CLI competes within Design Tools and Developer Tools — topics that collectively have 770.6k followers on Product Hunt. The dashboard above tracks how Shuffle CLI performed against the three products that launched closest to it on the same day.
Who hunted Shuffle CLI ?
Shuffle CLI was hunted by Dawid Andrzejewski. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Dawid Andrzejewski
👋 Hey Product Hunt!
Today, we're launching Shuffle CLI, a command-line interface for Shuffle's visual editor. It's a missing link between Shuffle and AI Code Editors.
💡 tl;dr: How to test it without an account:
🛠 What it does:
Thanks to Shuffle CLI, you can:
✅ Design visually in Shuffle (Try demo: https://shuffle.dev/new)
✅ Sync everything locally – projects, components, styles
✅ Take full control in Cursor, Windsurf, and Claude Code.
You get the speed of visual design and control of code & AI in local IDEs.
💡 How to test shuffle-cli in your workflow:
❶ Demo without an account
❷ With a Shuffle account
🎯 When your project is synced locally, you can ask your AI Code Editor for updates, for example:
> Create a next.js app from the .shuffle directory
> Add new pages to my next.js app from .shuffle
Cursor understands the changes in the .shuffle (synchronised directory) and acts accordingly.
We'd love to hear your thoughts, feedback, or ideas on how we can improve this for your workflow.
Thanks for checking it out!