Knighn

Knighn is a design editor for macOS and the web where each design is code. Ask Claude for an app screen, a landing page, a slide deck or a set of social images, and Claude makes a real design in your Knighn account. Open it in the Knighn app for Mac or at app.knighn.com to see it and change it by hand.

A Knighn design is TSX with Tailwind classes, in one .html file that draws itself in any browser. There is no export step: the design is already code that your React or React Native project can use.

The connector has two tools:

• Search designs finds your designs and the screens, components and layers in them. It also finds the design guide, styles, templates, fonts and icons.
• Edit a design runs a short script that makes or changes a design, then saves it. Knighn keeps the earlier version of each design, so you can go back.

When the Knighn app or daemon runs on your Mac, Claude can also take screenshots of its frames and check them. Allow "Run on your Mac" when you connect to use this.

You need a free Knighn account. Sign in when Claude asks, choose what Claude may do, and revoke access at any time in Knighn, Settings, Connections.