Mochiboard — Development skill for Claude Code
A cozy planning canvas for your Mac, with Mochi (a pixel goo powered by Claude Code) inside.
How to install Mochiboard
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open jessawolfe-ux/mochiboard and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Mochiboard does
A cozy planning canvas for your Mac, with Mochi (a pixel goo powered by Claude Code) inside.
Alternatives in Development
- Screenshot — Capture desktop, app windows, or pixel regions across OS platforms 14.6k ★
- Lean Canvas — Generate Lean Canvas with problem, solution, UVP, and metrics 7.8k ★
- Fidelity — Measure how faithfully a clone reproduces a site — pixel-diff plus motion-fidelity into one 0-100 score, a let 3.6k ★
README
![]()
Mochiboard
A cozy planning canvas for your Mac, with Mochi inside.

Mochiboard is a free, open-source Mac app for the messy part before you open your design tools. Drop notes, pictures, links, checklists and colors on an endless board, arrange them however makes sense to *you*, and ask Mochi (a tiny pixel goo who thinks with Claude Code) to sort, plan, explore and build.
**See it in action:** [jessa.art/mochiboard](https://jessa.art/#mochiboard.html)
What's inside
**The canvas**
- 🗺️ Infinite board. Pan with two fingers, pinch to zoom, cards tilt a little like real paper (or sit straight, your call).
- 🗒️ Notes, titles, checklists, docs, collections, links, images (with crop), voice memos that write themselves out, colors that name themselves, shapes, stamps, drawing, and curvy connectors.
- 🧠 ADHD-friendly: ⌘K drops an idea into Unsorted without losing your place, and F focuses on just what you're working on.
- 📐 Wireframes: screens, boxes, text (with your Mac's fonts), Material icons, ready-made pieces (nav bars, tab bars, inputs, cards…) and whole website sections. Things snap into line as you move them.
- 🗂️ Projects, folders and boards, with a home page for all of them. Right-click anything to rename, move, duplicate or delete.
- 🌙 Light and dark mode, undo (⌘Z), and export any card or board as an image or PDF.
**Mochi**
- 🫧 Chat with her about your board. She can add, edit, sort and connect cards, make collections and folders, and always suggests a few things to do next.
- 🔤 Ask her to explore fonts and she puts real type specimens on the board, from your Mac or Google Fonts.
- 📱 Describe a flow and she builds real wireframe screens. Ask for a
Related Skills
Heptareel
Agent skill: 7 code-built motion reel styles (one-line graph, one-ball showreel, ASCII terminal, pixel dither,
Claude Tldraw
Claude Code plugin: draw on a tldraw canvas and see it inside a Claude Code pane
Openshell Deepagent
A general-purpose coding agent that runs inside an NVIDIA OpenShell sandbox, orchestrated by Deep Agents and p
CLI Mode
Use subscriptions from Claude, Google, Grok, Cursor, Copilot, OpenAI -- directly inside the Claude or Codex De
Van Phong Claude
Văn phòng pixel cho mọi phiên Claude Code và Codex trên Mac: xem phiên nào đang chờ, tóm tắt, trả lời, mở đúng
Clawdio
Claude Code quota and agent status in the Mac notch, with a pixel art mascot
Related Agents
Muriel Design Engineer
Use this agent to turn a Figma design or a Claude Design canvas into production React in this repo's frontend
AI Product Designer
The AI Product Designer designs LLM-, agent-, and ML-powered features inside the app: prompt UX, guardrails, l
Sdlc Slack Notify
Posts a Slack Canvas + channel message for a planning-gate artifact (Brief/PRD/Architecture) so the squad can