The product design
thinking tool

Denote focuses on Object Oriented UX, not visual output. Entities, personas, tasks, rules, navigation, layouts, and content types. A blueprint for Claude Code to build from.

Download Beta

Denote - Ontology Denote - Architecture Denote - Task Denote - Screen Denote - Screen

Now you control what other AI tools hide.

Capture the vision through conversation.

Goals, constraints, and audience
The outcomes you're after
Open questions, kept in view

Extract an ontology from the vision.

Entities, personas, and tasks
Visual cues and mental models, inline
Priority rules that break ties

Architect the screen inventory and navigation.

Hierarchy across L1, L2, and L3
A template + variant on every screen
How users move between them

Compose each screen from shells, zones, and content types.

IA fidelity, not pixel-pushing
Overlay rules for dialogs and sheets
Decide what content lives in each zone

Export a spec for Claude Code to build.

One file: design/SPEC.md
Governed by every decision you made
A blueprint for Claude Code to build from

Product design is more than visual output.

Most AI design tools render a screen from a prompt and bury the structural decisions inside the output. Denote inverts the order through Object Oriented UX: you work everything in between, on purpose.

Other AI tools

Prompt

draw the rest of the owl, decided for you out of sight

Finished screen

Your whole app, crammed into one prompt. Good luck.

The AI makes every structural decision, with zero input from you.

Not happy with something? Each fix patches over the last... talk about slop code.

Vision

Ontology

Architecture

Screens

Spec

Start with your vision: the idea and the outcomes you're after.

You make every decision: objects, rules, screens. Revisit any of them anytime.

A clean spec capturing all your decisions, ready for Claude Code to build.

Try it.