The Library
Monograph
FreeBuild-verifiedClaude Sonnet 4.6This prompt was scaffolded from scratch by Claude Sonnet 4.6 into a compiling, running app — verified, not just a screenshot.Expo Router + React Native + NativeWindSix shipped. Four live. The numbers are real.
webportfoliopersonallightgroteskindie-hackereditorialpersonal-siteshowcasecase-studydeveloperlanding-pageminimalresumemakershipping-log
How the prompts work
Preview
▒ best build path
3D or WebGL design
Use first
Claude Code
Codex
Cursor
Also works
Bolt
Use a repo-aware agent and verify the canvas renders on desktop and mobile. Paste the full Library prompt first, then compare the result against the live demo.
01Indexv1
monograph.app/index
↳ 1440 × 900 · Desktop
02Design System — Webv1 · cataloged
▒ system
Monograph
gallery-grotesk · complementary · seed #2B45FF
▒ palette
primary
secondary
tertiary
neutral
success
warning
danger
Aa typography
Display
Headline — Satoshi
Body set in Geist. The quick brown fox jumps over the lazy dog. 0123456789.
⌬ components
PrimarySecondaryAccentTagTag
▱ shape · radius 0.25px
0px
4px
8px
12px
16px
↳ deterministic · no model call
✦ Components in use
Monograph
Extracted from 1 drafted screens · ready for the next agent
▒ Molecules
PrimaryCard↳ Index
Primary Card element
role · reusable UI element
▱ Patterns
Flat
Composition/material register: flat
⌬ Organisms
Aa Typography in use
DisplaySatoshi — display headlines
HeadlineSatoshi — section headlines
BodyGeist — body & UI
Mono—
● Accent usage
Accent reserved for primary CTAs, key numerals, and active states; restrained elsewhere.
↳ machine-readable · cataloger v1
↳ 1440 × auto · specimen
▒ screen prompts
▒ design recipe · what to preserve
▒ assets · download and regenerate
▒ design handoff
What do you get with the Monograph design?
The Monograph portfolio design ships as a finished visual system plus the exact AI-builder prompt to rebuild it. You get the design direction, screen set, assets and prompt for Cursor, Claude Code, Bolt.new, Windsurf, v0, Lovable; v-1.design does not export Figma and does not host the final app.
| Category | portfolio |
|---|---|
| Surfaces | web |
| Screens | Index |
| Tools supported | Cursor, Claude Code, Bolt.new, Windsurf, v0, Lovable |
| Price | Free |
| License | Single-use build prompt + assets, not Figma |
How to rebuild this in Lovable, Bolt, Cursor or Claude Code
- Open the Monograph design and copy the full build prompt.
- Paste it into your AI builder or coding agent (Lovable, Bolt, v0, Cursor, Claude Code or Codex).
- Generate the design system and core screens from the prompt.
- Edit the copy, data and routing to fit your product.
- Wire it to your backend, or hand the prompt to a developer.
Monograph FAQ
- Does this include source code or a prompt?
- You get the exact AI-builder prompt plus the design system and assets, not a code repo. Your AI builder or developer generates the code from the prompt.
- Which AI builders does the Monograph prompt work in?
- It is written for Lovable, Bolt, v0, Cursor, Claude Code and Codex, and pastes into any coding agent or hands to a developer.
- Is this a Figma file?
- No. v-1.design does not export Figma. You get a finished design plus the prompt and assets to rebuild it.
- What screens are included?
- The Monograph package includes Index across web.
▒ related portfolio designs