karlarso

Easy UI Canvas — AI skill for Claude Code

AI community

Local multi-frame canvas for exploring UI designs: comment on elements, click through flows, and let your AI coding agent answer.

How to install Easy UI Canvas

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

What Easy UI Canvas does

Local multi-frame canvas for exploring UI designs: comment on elements, click through flows, and let your AI coding agent answer. Python stdlib only, no build step.

Alternatives in AI

Business Model — Generate Business Model Canvas with all 9 building blocks 7.8k ★
Cursor Talk To Figma MCP — TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to c 7k ★
Easy LLM CLI — An open-source AI agent that is compatible with multiple LLM models 1.3k ★

README

Easy UI Canvas

Author: karlarso · Apache-2.0

English | [简体中文](README.zh-CN.md)

**⚠️ No authentication: use it on this machine or on a network you trust only.**

**Deploying? Hand [DEPLOY.md](DEPLOY.md) to your AI assistant.**

🚀 Deploy in one step

Give your AI assistant (Claude Code, Cursor, Codex, ...) this sentence. It will read [DEPLOY.md](DEPLOY.md), interview you about the details (bind address, autostart, ports, data location, optional export) and deploy it only after you confirm the plan. It will also ask whether to install the Easy UI Canvas skill for your AI tool (and where), and install it if you agree.

Read https://raw.githubusercontent.com/karlarso/easy-ui-canvas/main/DEPLOY.md and deploy Easy UI Canvas by following it. Ask me about the bind address and autostart before you change anything.

The default is local-only (`127.0.0.1`); the assistant must warn you before it opens anything to your network, because the tool has no login. Chinese version: [DEPLOY.zh-CN.md](DEPLOY.zh-CN.md).

🎨 What it is

A small local web canvas for **exploring UI designs**: put several HTML screens (frames) side by side on a zoomable, pannable board, comment on individual elements, click through flows on a phone, and let an AI coding agent read and answer the comments in the next session. It runs on your machine, needs only the Python 3 standard library, and works as an agent skill (Claude Code, Cursor, Codex) or as a plain command-line tool.

✨ Why use it

🔌 Works with any AI coding tool. Any assistant that can read files and run commands (Claude Code, Cursor, Codex and others) can use it, so you can switch tools or models without switching canvas.
🏠 No account, no token, your data stays on your machine. It needs only the Python standard library: no cloud service, no build step, and one sentence is enough for your AI to deploy it. You decide who can reach it; there is no login, so share it only on a network you trust (see the Se