WebShotsWebShots
Feature specs your agent can read·New: blueprints your AI pulls over MCP

The corner cases your agent won't think of.
The checkout the client can't break.

Blueprints are feature specs with every edge enumerated — the empty cart, the declined card, the expired invite — plus the shadcn components to build them. Your agent pulls only the sections it needs over MCP, so it ships the flow you'd have found in QA, before you quote.

or browse the registry →
MIT
Your workspace

This is where your project lives on Monday morning.

See how projects work
acme-marketing
Landing · 68%
Screens
Hero
Features
Pricing
Testimonials
FAQ
Footer
acme-marketing / PricingIn progress

Pricing

01pricing-03
02testi-03
What's in WebShots

Projects come first. Components and blueprints come with them.

The product

Projects

Private workspaces to plan a whole app. Screens, pinned sections, status, comments, sharing.

Open projects
The starting point

Blueprints

Feature specs for whole app types — every screen, every corner case enumerated, every component named. Your agent consumes just the sections it needs over MCP.

See blueprints
The building blocks

Registry

Installable shadcn-spec sections. Add them with the official shadcn CLI or pull them over MCP — the code lands in your repo, yours to keep.

Browse registry
How it works

Pick it. Point your agent at it. Ship it.

01

Pick a blueprint

See every screen, edge, and corner case before you quote.

$ open webshots.design/blueprints
02

Point your agent at it

MCP serves just the sections you need, components included.

$ get_sections ecommerce checkout
03

Ship it and bill it

The client never finds the bug nobody thought of.

$ git commit -m 'feat: checkout'

Start building in 30 seconds.

Copy one command into any Next.js project. Edit the files. Ship tonight.

$ pnpm dlx shadcn add https://webshots.design/r/saas-starter
Navigate
Browse registryG R
Browse blueprintsG B
My projectsG P
Account settingsG S
Actions
Create new project
Toggle theme
Keyboard shortcuts?
◉ screens · 25

Public

01 Landing page
02 Pricing
03 About / Manifesto

Auth

04 Sign in
05 Sign up
06 Forgot password
07 Email verification

Registry

08 Registry browse
09 Category · Heroes
10 Registry detail
11 AI search results

Blueprints

12 Blueprints browse
13 Blueprint detail

Projects

14 Projects dashboard
15 New project (page)
16 Project workspace
17 Project settings
18 Shared / comment view

Account

19 Profile
20 Billing
21 Team
22 Notifications
23 MCP servers (Pro)

Canvases & edges

24 Modals canvas
25 Empty / loading / 404