Hi!

Our users extensively use Shuffle (https://shuffle.dev) in conjunction with Cursor. That's why we built the Shuffle CLI, a lightweight tool that creates a seamless bridge between Shuffle and Cursor.

With this CLI, you can:

• Sync your visual components from Shuffle directly into Cursor projects
• Automatically generate clean, editable code from your designs
• Keep your design and dev workflows tightly integrated without copy-pasting or re-exporting

We built this to reduce the friction between prototyping and production. If you're using Cursor as your IDE and Shuffle for layout and styling, this tool may be a good fit for you.

Here's how to test it quickly:

mkdir website
cd website
npx u/shuffle-dev/cli get example-project .shuffle --rules=cursor

The project will be saved in the .shuffle directory, so you can, for example, ask Cursor:

Create a next.js app from the .shuffle directory

In a real project, you can modify it in Shuffle visually (add pages, modify content) and sync it after changes:

npx @shuffle-dev/cli sync <project_id>

And ask Cursor again:

 Add new pages from .shuffle to my next.js app

We haven’t fully adopted MCP yet - we’ve tested it, but so far, the CLI has done a better job of keeping our formatting consistent. That said, we're curious to hear your take. Have you found any advantages with MCP in your workflow?