jessawolfe-ux

Mochiboard — Development skill for Claude Code

Development community

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

Mochiboard

A cozy planning canvas for your Mac, with Mochi inside.

A drawing of Mochiboard: someone asks Mochi for a landing page and she builds it


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