Design in the browser with Flare.

A visual CSS editor for designers who ship with AI.

   
 Add @flare/flare to my project as a dev dependency. In my main HTML file, add a script tag that loads /flare.js only when the hostname is localhost or 127.0.0.1. Then configure my dev server to serve /flare.js from node_modules/@flare/flare/dist/flare.js. 
 $ npm i -D @flare/flare

<!-- Add before </body> -->
<script>
  (function() {
    var h = location.hostname;
    if (h === 'localhost' || h === '127.0.0.1') {
      var s = document.createElement('script');
      s.src = '/flare.js';
      document.body.appendChild(s);
    }
  })();
</script>

// Serve /flare.js from node_modules/@flare/flare/dist/flare.js 

1 Edit visually

→

2 Copy prompt

→

3 Apply to source with claude