Granny Square Studio

A web app that turns written crochet patterns into editable charts. Built solo in one month, tested by 681 people.

Visit the live app ↗
Role
Solo, design and build
Type
Web app
Stack
Cursor, Codex
Time
1 month
Status
Live, 681 testers

Overview

This started as a simple idea: take a written crochet pattern and turn it into a visual chart. It wasn't simple.

I'm a designer without a traditional engineering background, and this was my first time building a product end to end with AI. What I learned changed how I think about both design and building.

Business context

Designers sell crochet patterns on Ravelry, Etsy and their own sites. Charts are the format buyers prefer: clearer, faster to read and usable across languages. Drawing them by hand takes time, so many designers publish text only.

This tool lowers the cost of making a chart, so designers can offer the format their customers want. I'm testing with early users to see whether they'd pay for it.

The problem

Granny squares are one of crochet's most expressive formats, but their shape and colors often aren't clear until they've been made. To design one, you usually have to crochet it first.

A crocheted sunburst granny square
A sunburst granny square
The same square as a generated chart
The same square, charted by the app

What users told me

My first idea was to have AI generate the visual straight from a prompt. Talking to experienced crocheters showed me why that fails: where a stitch goes depends on sequence and how the piece is worked, not on how it looks.

Those conversations also showed the real gap. Designers know charts are clearer, but making them takes time, so they skip it.

Why it was harder

A crochet chart isn't just icons arranged on a canvas. A result can look visually correct and still be structurally wrong.

I started building fast in Cursor and it seemed to work, until the charts started breaking. I couldn't prompt my way out of it. The failure pointed to a decision I'd been putting off: what should a stitch actually be in this system?

Square and circular patterns follow different construction logic, so one placement model couldn't cover both. I wrote down the common failure cases and used them as checkpoints throughout testing.

Early broken chart output
Early output, broken
Improved chart output
Improved output
Notes on a common pitfall: placing stitches visually without respecting construction order

Decision 1

A stitch is a logical unit, not an icon on a canvas.

The first version treated each stitch as a visual token. It was fast and looked right, but a token has no memory, rules or relationships, so editing and export kept breaking.

I stopped and rebuilt the data model: each stitch now carries its structure, placement rules and relationships, and the drawing is derived from that.

Visual token versus logical unit diagram
Visual token vs logical unit
Project rule written for the build
The rule I wrote into the project

Decision 2

Users needed to adjust the result and still trust it. The chart and the written instructions both come from the same data, so an edit in one shows up in the other and they never drift apart.

Diagram: written pattern and manual edits feed one shared stitch model, which renders both the chart and the instructions

Outcome

681 people have tested it so far.

The app supports the whole workflow: paste a written pattern, get a chart, edit it by hand, and the instructions update. The structural approach holds up across pattern types. Built solo in one month.

Editing a chart, sped up
Final chart with synced instructions
Final output with synced instructions

What I learned

  • Niche creative workflows look simple on the surface. They rarely are.
  • The real design work was deciding what the system treats as true, how much control users need, and how to make the result reliable enough to trust.
  • AI speeds up execution. It doesn't replace understanding the domain or clear system logic.
  • Learning to think in structures, not just visuals, was the shift that made everything else work.
Next project Share Space

Keyboard shortcuts

1
Projects
2
Playground
3
Skills
← →
Previous / next project
/
Search skills
E
Copy my email
Esc
Close
?
Show this list