litt.design

Vyo

A Cursor skill that reads a codebase and explains the app in plain English, on posters a non-engineer can read: how the app works, the project story, and an exploded view of its real parts. A built-in checker holds every poster to Swiss grid rules before it ships.

Agent Skill2026In progress
Visit Vyo (opens in a new tab)

Challenge

Code explains itself only to coders

Clients, PMs and founders live with an app they can't read. Handoff docs go stale, and walkthroughs disappear after the call.

Approach

A poster, not a document

The skill scans the repository and lays out what it finds on a real 12-column grid: journeys, screens, what runs under the hood, and an exploded view drawn from the code itself.

Execution

Rules a machine can check

Two styles, Swiss and a Farrow-inspired Block. A checker renders each poster in Chromium and fails it on an off-grid line, a fifth type size or low contrast. Exports are PNG, PDF and editable SVG.

Result

A shared picture of the app

One sheet a non-engineer can read in a minute and talk about with confidence.

Stack

Cursor SkillsReactPlaywrightesbuild

Next

litt.md

→