JJessa Wolfe (that’s me)
Jessa Wolfe
Dreamer
01 · Mochiboard
0 × 0

02 · Cover
0 × 0
03 · Role
0 × 0
Role
Everything, solo
04 · Type
0 × 0
Type
Open-source Mac app
05 · Built with
0 × 0
Built with
Claude Code
06 · Started
0 × 0
Started
Fall 2026
07 · Why
0 × 0

I plan everything on a canvas. Sticky notes, screenshots, half ideas, little arrows between them. I've used a lot of tools for that, and they're great, but none of them felt cozy. And none of them had Mochi.

So I built Mochiboard. It's a soft, pastel canvas for your Mac where Mochi lives in the corner. You dump ideas, she helps you sort them. You ask for fonts, she puts real type on the board. You describe an app, she wireframes it. Then she flies you right over to whatever she made.

08 · Try it
0 × 0

Want to play with it?

It’s free. Try it right here in your browser, or take the Mac app home. The full tour lives at mochiboard.app ↗

08a · Downloads
0 × 0
83

downloads of the
Mac app so far

08b · Stars
0 × 0
4

people starred it
on GitHub

08c · Version
0 × 0
v1.1.2

and it updates
itself from Settings

09 · Walkthrough
0 × 0

A 10 minute walkthrough, with sound: setting it up, then planning a banking app with Mochi, from a brain dump to wireframes.

10 · Walkthrough video
0 × 0
11 · The idea
0 × 0

12 · The tour
0 × 0

To show it off, I planned a pretend banking app called Penny, a bank for your first paycheck. Every video below is the real app.

13 · Meeting Mochi
0 × 0

Meeting Mochi

The first time you open it, Mochi says hi and walks you through setup: her color, light or dark, her helpers, how chatty she should be. Then she gives you a hands-on tour, and notices when you try each thing.

setup should feel like meeting her, not configuring something
14 · No AI needed
0 × 0

I wanted the canvas to be great on its own. Mochi is the cherry on top, not the cake. Everything in this part works with her thinking switched off.

15 · Notes
0 × 0

Notes, collections and docs

Style a note from its little toolbar, add a label, drag cards into a collection, and open a doc for the longer thinking.

16 · Dump it
0 × 0

Dump it, then sort it

Press ⌘K anywhere and type. Ideas land in Unsorted so you never lose your place. When you’re ready, ask Mochi to sort them.

17 · Voice memos
0 × 0

Voice memos

A little countdown, then talk. When you stop, it writes itself out right on the card, and Mochi offers to turn it into notes.

18 · The canvas
0 × 0

The canvas itself

Checklists, titles, colors that name themselves, stamps, drawing and curvy connectors. Loose and a little tilted, like paper on a desk.

19 · Wireframes by hand
0 × 0

Building a wireframe by hand

Drop a phone screen, then pull pieces in. The nav bar snaps to the top, the tab bar to the bottom, and everything else lines up as you go.

20 · Folders
0 × 0

Projects and folders

Make a project, add folders inside it, drag boards in. Then see it all on Home, where every folder has a little face.

21 · Organized
0 × 0

Moving things around

Right-click anything to rename, move or duplicate it. And yes, there’s a dark mode.

22 · Toolbox
0 × 0

I’ll be honest: none of these tools are new. Figma, FigJam and Causal have most of them, and they do them well. What I wanted was all of them in one cozy place made for planning, sized for the way I actually think, with a little helper who can use every single one.

23 · Notes
0 × 0

Notes

Sticky notes with colors, sizes, bold and a little label like “step 1”.

Most ideas start as one line. Notes tilt a bit so the board feels like paper, not a spreadsheet.

24 · Quick capture
0 × 0

Quick capture

⌘K from anywhere drops an idea into Unsorted.

My brain jumps around. This lets me catch a thought without losing my place.

25 · Collections
0 × 0

Collections

Stacks that hold cards. Drag a card in and it lines up.

Grouping is how I think, so it had to be one drag, not a menu.

26 · Docs
0 × 0

Docs

Opens half screen or full. Drag words from the board right in.

Some ideas grow up. They need room to become paragraphs without leaving the board.

27 · Checklists
0 × 0

Checklists

A to-do card you tick off right on the board.

Half my notes are secretly to-do lists anyway.

28 · Titles
0 × 0

Titles

Big words to mark a part of the board.

Boards get big. I wanted signposts I could read zoomed out.

29 · Voice memos
0 × 0

Voice memos

Talk instead of type. A 3, 2, 1 countdown, then Mochi writes it out.

Some ideas come out faster out loud. The countdown came from testing: my first words kept getting cut off.

30 · Links
0 × 0

Links

Paste a link and it becomes a card with a preview.

My research lives in forty tabs. This gets it out of them.

31 · Images
0 × 0

Images

Drop or paste a picture, then crop it.

Inspiration is mostly screenshots.

32 · Colors
0 × 0

Colors

Pick from a wheel and the color names itself. Save it to the board.

I’m a designer. Colors deserve names, and every board has its own palette.

33 · Shapes
0 × 0

Shapes

Circles, stars, arrows and blobs in any color.

For quick diagrams, and for fun.

34 · Stamps
0 × 0

Stamps

A wheel of emojis and little Mochis, some of them move.

Feedback should be cute. A tiny Mochi says more than a thumbs up.

35 · Draw
0 × 0

Draw

A soft pen in a few sizes, plus an eraser.

Sometimes you just need to circle something.

36 · Connectors
0 × 0

Connectors

Curvy lines between cards. Bend them, add arrows, make them dashed.

Thinking is mostly connecting things.

37 · Wireframes
0 × 0

Wireframes

Screens, boxes, text, icons and ready-made pieces that snap into place.

Going from idea to layout without leaving the board, or opening another tool.

38 · Projects + folders
0 × 0

Projects + folders

Projects hold folders, folders hold boards. Each folder has a little face.

Planning is never one board. I wanted to see everything at once, and smile at it.

scroll for more tools →
39 · Working with Mochi
0 × 0

Mochi runs on Claude Code on your Mac. She can read the whole board, so she knows what you’re making. Every answer comes with two or three ideas for what to do next, so you never stare at a blank chat.

40 · Chat
0 × 0

Ask her anything

I asked what I was missing for a first banking app. She added a Trust group and a little launch list, then glided me right to it.

41 · Fonts
0 × 0

Real type, not font names

Ask her to explore fonts and she puts real specimens on the board, from your Mac or from Google Fonts. Click one to swap it, or type your own words in it.

42 · Mobbin
0 × 0

Inspiration from Mobbin

With the Mobbin connection, she pulls real app screens onto the board. Then you can ask what they have in common, and she writes it down next to them.

43 · Wireframes
0 × 0

Wireframes from a sentence

“Wireframe Penny’s sign-up flow” turns into three real phone screens, built from the same pieces you use by hand, with arrows between them and a note under each one.

44 · Websites
0 × 0

A whole landing page

She builds full pages from website sections, in your colors and fonts. Picture spots are labeled with what belongs there. Fill them with Higgsfield, or have Mochi draw simple illustrations for free.

Higgsfield costs credits, so Mochi always shows the price first and waits for a yes
45 · Little decisions
0 × 0

She asks before spending.Anything that costs credits shows the price and your balance first. That check can’t be turned off.
It works without AI.Switch Mochi’s thinking off and the whole canvas still works. No account, no internet.
She takes you there.When she makes something off screen, the board glides over and it glows for a second.
Your boards stay yours.Everything is saved as files on your Mac. Chats too, and you choose how long she remembers them.
46 · Download
0 × 0
Mochiboard’s app icon

Take Mochiboard home.

It’s free and open source. All you need is a Mac (macOS 13 or newer, Apple chip or Intel).

Download for Mac Try it in your browser ↗
Installing it
  1. Unzip it and drag Mochiboard into your Applications folder.
  2. Open it. The first time, your Mac says it can’t check it, because it isn’t from the App Store.
  3. Go to System Settings → Privacy & Security, scroll down and click Open Anyway. Just once, then Mochi says hi.
After that it updates itself from Settings. Prefer the code? It’s all on GitHub. Everything else is at mochiboard.app.
Just the Mac?The whole canvas works: notes, docs, wireframes, drawing, folders, all of it. The browser version works the same way, no AI.
+ Claude CodeMochi wakes up and can sort, plan, explore fonts and build screens.
+ Mobbin or HiggsfieldOptional. Real app screens, and real images (she always asks before spending credits).
47 · North star
0 × 0

48 · Tools
0 × 0

A native Mac app with a web canvas inside, built with Claude in the loop.

Claude CodeBuilding it, and Mochi’s brain
Swift + WebKitThe Mac app around the canvas
MobbinHiggsfieldMobbin + HiggsfieldMochi’s optional helpers