mirafold

Mirafold — Design skill for Claude Code

Design community

A browser UI for Claude Code, Codex, and Gemini CLI — the terminal agent you already use, rendered faithfully, with generative UI on top: readable output, live pinned dashboards, every session at a gl.

How to install Mirafold

This entry records only its repository, not the path inside it, so there is no exact command to give. Open mirafold/mirafold and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Mirafold does

Alternatives in Design

Algorithmic Art — Create generative art using p5.js with seeded randomness, flow fields, and particle systems 94.1k ★
OpenGenerativeUI — Open-Source Generative UI Framework 1.5k ★
App Onboarding Questionnaire — A Claude Code skill that designs and builds high-converting questionnaire-style app onboarding flows — modelle 751 ★

README

Mirafold

**Mirafold is a browser interface for the terminal coding agent you already use—Claude Code, Codex, OpenCode, or Gemini CLI—with generative UI layered on top.** The agent still runs on your machine with its own engine, credentials, configuration, and permission model.

Mirafold is in public beta. Bug reports and rough edges are welcome in the [issue tracker](https://github.com/mirafold/mirafold/issues).

![Mirafold showing a repository overview, a test-and-fix turn, an interactive shell command, and a pinned chart](demo/demo.gif)

Highlights

Faithful integrations with Claude Code, Codex, OpenCode, and Gemini CLI—one adapter per agent, with no generic replacement agent in the middle.
Streamed markdown plus live tables, charts, diffs, task lists, diagrams, images, and other interactive components generated through Model Context Protocol (MCP) tools.
Persistent sessions, multiple attached browser views, and a mission-control view for supervising several sessions at once.
Read-only workspace browsing and Git change review beside the conversation.
A real pseudo-terminal (PTY) for ! commands, including interactive programs and password prompts, inside shell-owned UI.
Optional remote browser and phone access through an end-to-end-encrypted relay; provider credentials remain on the machine running Mirafold. The ⧉ pair button in the status bar is where this lives: with an active Mirafold Pro license key it shows the pairing QR; without one — or with a key the billing backend refuses — it says so and links to mirafold.com/pay.

Mirafold drives a real coding agent with access to your filesystem and shell. Review permission prompts, use it only in directories you are prepared to give an agent access to, and read the [security policy](SECURITY.md) before exposing or pairing a session.