Find your direction
Browse the corpus or ask your agent for references that fit your product. Choose one primary style.
Explore references ↗DESIGN CONTEXT FOR YOUR CODING AGENT
Build great websites
with your AI agent.
Give your agent a clear visual direction from real websites. Design Corpus provides the layouts, typography, colors, and section details to help it build with your content.
Start with 3 free references. No card needed.
A FRESH SELECTION · GRADE A ONLY
Find a direction worth building on.
Loading references from the corpus…
Swipe to explore · scroll within a page
View full corpus ↗Real corpus captures. Full reference details follow your account access. Showing 0 references.
Only grade A references, freshly shuffled for each visit. Your selection stays in order as you explore. This gallery shows public previews. Explore a free sample or open your dashboard for account-aware access.
Fits your existing workflowClaude CodeCursorCodexVS CodeFind your setup ↗
A BETTER STARTING POINT
Less guessing.
More building.
You bring the idea. The corpus gives your agent a concrete visual direction to follow, section by section.
Give your agent the details
Connect over MCP so your agent can read the build guide, inspect a reference, and pull its sections.
Choose your agent ↗Build. Review. Make it yours.
Use your own copy and assets. Compare the build to the reference, then refine it with your agent.
See a real example ↗A REAL REFERENCE → BUILD
From Linear’s design.
To PayFlow’s world.
A real example of the workflow: Linear is the reference. PayFlow is the agent-built invoicing page. Watch the two pages move together.
ONE REFERENCE. A DIFFERENT PRODUCT.
Actual reference & resultLinear → PayFlow
linear.app · source
PayFlow · generated example
Animated scrolling of existing captures—not a recording of an agent session. Motion is off for your reduced-motion preference. Use the position slider to explore.
01 / Choose a directionLinear’s dark canvas, type hierarchy, and product-led layout.
02 / Bring your own briefAn invoicing app for freelancers, with PayFlow’s own copy and interface.
03 / Review the resultSee how the design translates across the actual pages, then refine with your agent.
Source: existing Linear reference and PayFlow result captures from the Design Corpus project. This is an example adaptation, not a fidelity score. Linear is not affiliated with Design Corpus.
YOUR NEXT STEP
Let’s connect
your agent.
Choose your tool. Add Design Corpus, authorize your account, then ask for your first reference.
Loading setup instructions…
A DIRECTION FOR EVERY IDEA
Find your kind
of good design.
Explore references by industry and visual style. Preview the corpus before you connect.
Explore the corpusSTART SMALL. BUILD SOMETHING.
Try the workflow first.
Connect for free. Upgrade when you find your direction.
$0
Get a feel for the workflow.
- 3 buildable sample references
- Browse the corpus
- Connect your agent over MCP
$20 / month
Full access while you pay toward ownership.
- Full corpus access from day one
- Payments count toward $199 lifetime
- Stops at month 10; cancel anytime
$149 once
One payment. Keep building.
- Full corpus and MCP access
- 12 months of new additions
- Unlimited projects, forever
Paid plans include a 14-day refund window. Lifetime becomes $199 at launch. Read the terms ↗
BEFORE YOU START
A few good
questions.
What does my agent actually receive?
A build guide, reference screenshots, section crops, and extracted design data: typography, colors, spacing, and layout. Your agent uses these in your project with your own content and assets.
Can I improve a site I already have?
Yes. Ask your agent to restyle your existing project, preserve its content and working features, and apply the reference’s design system. Review the changes locally before shipping.
Do I need to pay before connecting?
No. A free account includes three sample references. Start with the samples returned by list_styles, try a build, then decide whether you need the full corpus.
What if my tool doesn’t support MCP?
Sign in, open a reference, and choose Manual mode. Download its brief and screenshots, then attach them to your agent. Access to each reference follows your account’s plan.
Will every animation transfer?
The corpus includes captured motion data where available. Complex custom WebGL, 3D scenes, and bespoke scroll choreography need separate implementation. Review the result with your agent; reference data is not a guarantee of an exact match.
Grow the corpus
Know a site that
belongs in here?
Suggest it. We capture, grade, and add the best ones — most-voted first. Already in the corpus? We'll tell you, and you can start from it today.
Up next — vote