FREEDOM251

Freedom251 › AI Wireframe Generators

Katsuragi

Paid LinuxMacSelf-hostedWebWindows

Visit Katsuragi Alternatives

Katsuragi's own site

What Katsuragi is

Katsuragi is free, open-source software for turning interface ideas into wireframes with a text format that AI systems can read and write. Its .kui format supports grids, reusable color names, built-in themes, text, boxes, buttons, inputs, and image placeholders. The command-line tool runs through npx or a global npm installation and can export SVG, PNG, or HTML, using SVG by default. It can convert several .kui files in one batch, while watch mode serves a browser preview that reloads after source changes. A fetch command converts webpage HTML into wireframes for desktop, mobile, or tablet viewports. Fetch does not run JavaScript and estimates layout from document structure instead of analyzing CSS, so client-rendered pages may not convert correctly. The generated image's longest edge is fixed at 1280 pixels, and long text requires manual line breaks. Katsuragi supports Linux, macOS, Windows, web, and self-hosting, requires Node.js 18 or later, and uses the MIT License.

Who it suits

It suits developers explaining UI to non-technical stakeholders, engineers using AI coding assistants, and teams that want wireframe specifications tracked with git differences. It also fits users who need self-hosted or command-line workflows.

What it does well

  • Plain-text format works with any LLM
  • Exports SVG, PNG, and HTML
  • Batch conversion handles multiple .kui files
  • Browser preview reloads when source changes
  • Runs on Linux, macOS, and Windows

What to know first

  • Fetch does not execute JavaScript
  • Fetch estimates layout without analyzing CSS
  • Automatic text wrapping is unsupported
  • Requires Node.js 18 or later

Verdict

Katsuragi combines AI-readable wireframe files with command-line exports, previews, and webpage conversion. Its JavaScript, CSS, and text-wrapping limits matter when converting complex or lengthy interfaces.

Facts from Katsuragi's own pages

AI coding tools
The README gives Claude Code, Cursor, and Aider as examples of LLM-powered CLI tools that can use the format. · github.com, 11 Oct 2026
AI compatibility
The README says .kui files work with any LLM and names ChatGPT, Claude, Gemini, and local models as examples. · github.com, 11 Oct 2026
Audience
The project names developers discussing UI with non-technical stakeholders, engineers using AI coding assistants, and teams wanting git-diffable UI specs as its intended users. · github.com, 11 Oct 2026
Batch conversion
The CLI supports converting multiple .kui files in one batch. · github.com, 4 Oct 2026
CLI
Katsuragi can be run with npx or installed globally from npm as a command-line tool. · github.com, 4 Oct 2026
Command line
The README documents one-time use with npx and global installation with npm install -g katsuragi. · github.com, 11 Oct 2026
Conversion limits
The fetch command does not execute JavaScript, so single-page apps with client-side rendering may not work properly; it also does not analyze CSS and estimates layout from document structure. · github.com, 11 Oct 2026
Editor integrations
The README describes workflows with Claude Code, Cursor, Aider, and other LLM-powered CLI tools. · github.com, 4 Oct 2026
Exports
The CLI can output SVG, PNG, or HTML, with SVG as the default format. · github.com, 11 Oct 2026
Fetch limitation
The fetch command does not execute JavaScript, so single-page apps with client-side rendering may not work properly. · github.com, 4 Oct 2026
Format features
The .kui format supports grids, reusable color names, built-in themes, text, boxes, buttons, inputs, and image placeholders. · github.com, 11 Oct 2026
Layout limitation
The fetch command does not analyze CSS and estimates layout from document structure. · github.com, 4 Oct 2026
License
The repository identifies Katsuragi as MIT licensed. · github.com, 11 Oct 2026
Live preview
The watch command provides browser live preview with auto-reload when a file is saved. · github.com, 11 Oct 2026
Maintainer
The package lists En-Links LLC as its author. · github.com, 4 Oct 2026
Maker location
The maker's GitHub organization profile lists Japan as its location. · github.com, 11 Oct 2026
Output formats
The CLI can generate SVG, PNG, or HTML output, with SVG as the default format. · github.com, 4 Oct 2026
Output size
The README states that the generated image's longest edge is fixed at 1280 pixels and the shorter edge is calculated from the aspect ratio. · github.com, 11 Oct 2026
Purpose
Katsuragi turns UI ideas into wireframes using a text format that AI can read and write. · github.com, 11 Oct 2026
Runtime requirement
The package specifies Node.js version 18.0.0 or later. · github.com, 4 Oct 2026
Text wrapping
Automatic text wrapping is not supported; the README says to insert line breaks manually for long text. · github.com, 11 Oct 2026
Webpage conversion
The fetch command converts webpages to .kui wireframes and supports desktop, mobile, and tablet viewport options. · github.com, 11 Oct 2026

Where Katsuragi stands on Freedom251

Look at these too