TODO — Vision screenshot
Vision
A living scratchpad for the evolving idea. Goals, constraints, audience, open questions, refined as you think.
Shape your design before AI decides it for you.
Object oriented UX thinking for AI built software.
TODO — hero demo (video or GIF of Denote in use)
Denote is the structure-first design tool for AI-built software.
Other 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 name the objects, define their relationships and governance rules, and derive the page inventory and layout intent from the model. Every layer is a checkpoint. Every decision has a reason. When you are ready, Claude Code reads your decisions and builds.
Six layers, in order.
Each layer captures a kind of structural decision. Vision is the scratchpad. Extract names the objects. Map sets the rules. Structure derives pages. Layout sketches space. Plan hands it to Claude Code.
TODO — Extract screenshot
Extract
Name the objects, personas, and workflows in your product. Object Oriented UX, made the first move.
TODO — Map screenshot
Map
Define the rules. Visual cues, pattern matching, navigation, priority. The governance layer Claude Code reads at build time.
TODO — Structure screenshot
Structure
Derive the page inventory and hierarchy from the object model. Architecture before screens.
TODO — Layout screenshot
Layout
Sketch the spatial intent. Shells, region wireframes, surface patterns. Layout, not pixels.
TODO — Plan screenshot
Plan
Generate the implementation plan. Every decision above governs what gets built.
Denote pairs with Claude Code.
Denote is a desktop app. You also install Claude Code, Anthropic's command-line agent. Denote embeds Claude Code's terminal inside its own window.
When you finish a layer in Denote, the structured files land on disk in your project directory. When you run a build skill in the embedded terminal, Claude Code reads those files and writes code governed by every decision you made.
Denote stays the thinking tool. Claude Code stays the building tool. Splitting them keeps each one honest about what it does.