Design in the browser with Flare.

A visual CSS editor for designers who ship with AI.

Best experienced on desktop

Install the skill in your terminal

npx skills add joshuaKnauber/flare-dev

Run in Claude Code, Cursor, or any agent

/flare-dev

Works with Claude Code, Cursor, Windsurf, and any AI agent.

The skill (step 1 above) is still needed for agent instructions.

Add the plugin

// vite.config.ts
import flare from "flare-dev/vite"

export default defineConfig({
  plugins: [flare()],
})

Start the bridge

npx flare-dev bridge

Add a script tag

<script src="https://unpkg.com/flare-dev/dist/flare.js"></script>

Start the bridge

npx flare-dev bridge