NewShared links look like your board

Your app looks AI‑generated.

Krit is where your agent designs: the AI look stripped, your brand captured as rules, every screen shipped to your repo looking like screen one.

Pro is $50/mo · Sprint is $3,000, done with you

Untitled
Any agent
Signed-in user
55%+
Claude Code · acme/app · main
Add a follow-up
claude-opus-5

Designed on Krit

Real work, drawn on the canvas.

Every frame was prompted and shipped on Krit. They are live, not screenshots. Hover to pause, click to open one.

Every frame was prompted and shipped on Krit. They are live, not screenshots. Tap any one to open it full size.

Connect, Linear-grade
Card game lobby
Retrieval workbench
Court booking
Proof tracker, glass
Swiss data report
Proof dial
ATELIER portfolio
Sleep recovery
Weekly digest
Proof field
Pixel sticker

Your brand, every screen

One product. Every screen.

Harbor, nineteen screens later. Krit captured the visual language once, and your agent has drawn against it ever since.

Visual language
ink1B1A18paperF9F7F2accentE0704Fradius12typeInter · 500densitycompact
screen 01 · home
Harbor
Good morning, Sarah.
What do you want to know?
Ask anything about your workspace
+SourcesThink
Q3 tool spendWho owns Datadog?Draft the standup
screen 04 · thread
Q3 tool spend
Today
Is billing connected yet?

Yes. Stripe synced 20 minutes ago.

What did we spend on tools in Q3?

You spent $4,820 on tools in Q3, up 9% from Q2.

Figma$1,860
Vercel$1,240
Linear$1,020
Datadog$700
Sourcesbilling.csvq3-report.pdf
Which one grew fastest?

Datadog, up 34% on new host volume. Everything else held flat.

Anything we can cut?

Two Linear seats have been idle for 60 days. Dropping them saves $340 a quarter.

Sourcesseats.csv
Ask a follow-up
screen 09 · settings
Settings

Workspace

Weekly digest
Monday, 9:00 AM
Cite sources
Show files in every answer
Share threads
Off for the whole team
Default model
Harbor 2 · balanced
Change

Notifications

Mentions
Push and email
Thread replies
Push only

Plan

Team · 12 seats
Renews 1 Oct
Manage
Billing email
sarah@harbor.app
Edit
Invoices
Last paid 1 Sep
View
screen 19 · connect
Connect a source

Connected

S
Stripe
Revenue and invoices
Connected
N
Notion
Docs and specs
Connected

Available

G
GitHub
Issues and releases
Connect
L
Linear
Roadmap and cycles
Connect
F
Figma
Files and comments
Connect
S
Slack
Threads and channels
Connect
D
Drive
Docs and spreadsheets
Connect
Z
Zendesk
Tickets and replies
Connect
Continue
Same header. Same palette. Same components. Screen 19 was drawn from the same rules as screen 01, and the rules live in your repo.

One canvas, end to end

It doesn't stop at a mockup.

The same agent that drew your design can test it, animate it, and hand you the code, without leaving the canvas.

Usability testing

Find the confusing screen before your users do.

Personas read the screen, try to finish the task, and narrate where they hesitate. Each finding becomes a prompt your agent fixes on the canvas, before anything merges.

Harbor · Q3 thread
Q3 tool spend
What did we spend on tools in Q3?

You spent $4,820 on tools in Q3, up 9% from Q2.

Figma$1,860
Vercel$1,240
Linear$1,020
Datadog$700
Sourcesbilling.csvq3-report.pdf
Ask a follow-up
HRight, Q3 spend.
Usability run0/3

Task: check what we spent on tools in Q3

HHurried
FFirst-time
PPower user
Findings0
fix: make source pills read as tappable
copied as prompt · your agent ships it in PR #47
Harbor · Q3 answer

You spent $4,820 on tools in Q3, up 9% from Q2.

Figma$1,860
Vercel$1,240
Linear$1,020
Datadog$700
Sourcesbilling.csvq3-report.pdf
SpendSummary212 × 36
ReactNext.jsVueHTMLTailwind
SpendSummary.tsx10 lines
1type Props = { total: number; delta: number };23export function SpendSummary(p: Props) {4  return (5    <p className="spend-summary">6      You spent <b>{fmt(p.total)}</b> on tools7      in Q3, up {p.delta}% from Q2.8    </p>9  );10}

Export to code

Hand it off as code, in whatever your stack speaks.

Select anything on the canvas and export clean, framework-native source. No data-cv-id, no canvas runtime, no redraw.

Launch assets

The launch video ships with the feature.

Ask in plain language. The agent composes the entrance, the camera, the easing, and Krit renders a real MP4. The demo for your launch post, the changelog GIF, the hero video, cut from the product you just built.

Harbor · launch reel

You spent $4,820 on tools in Q3, up 9% from Q2.

Figma$1,860
Vercel$1,240
Linear$1,020
Datadog$700
Claude Code · harbor/app
0.0s / 4.0slaunch.mp4 · 1080p
camerarows
0s1s2s3s4s
slide-up · easeOut
stagger · 110ms

Your agent, multiplied

Your agent brings its other tools with it.

Krit sits alongside the tools your agent already holds, and anything it can read becomes a design move.

A product that fixes itself.

Your agent finds the step people abandon, redraws it on the canvas, and opens the pull request.

Checked before merge

Every branch measured against the visual language you captured.

The states you skipped

Empty, error, loading, and every edge the happy path forgot.

One change, everywhere

Change the rules once and every screen follows.

Live, not a picture

Click through a frame the moment it exists. No prototype to wire up.

Every width, both themes

Phone through desktop, light and dark, from the one set of rules.

Sound and haptics

Ask for a tap that clicks and a confirm you can feel.

No integration to wire up, no setting to turn on.

Founder Sprint · Done with you

Shipping fast, and the design debt is compounding?

Bring in a product builder for two weeks. We untangle your product side by side, then ship straight to code. No mockups, no handoff.

Before · free

The audit call

I look at your real product and tell you honestly whether two weeks will move the needle.

A written list of what is brokenNo commitment
Two weeks · side by side

You watch it get built

Three to six core flows redesigned on a live canvas you can open any time, with weekly updates.

Every flow stress-tested with AI personasUnlimited revisions inside scope
After · yours

Your team keeps shipping

It lands as real interactive code in your stack, not a file you have to rebuild from.

A visual language your agent draws againstA summary of every usability findingPro included, plus 30 days of support

One project at a time · fixed scope · no full rebuilds, no features bolted on mid-sprint

$3,000

one-time · two weeks

A fractional designer runs $4,500 a month. Your first design hire costs $150k plus equity. This ships in two weeks, merged into your repo.

Jaideep
Hi, I'm Jaideep, founder of Krit.
Past work raised $350K+ and reached 100M+ MAU · jaydbuild.com
Start here
Book a free product audit

$1,500 to start. The other $1,500 only when the redesign is merged into your repo as a PR.

Pricing · Pro

$50
per
month
One plan. Everything included.

For anyone building with an AI agent. No seats, no usage limits.

Start designing

Cancel anytime.

What's included
Unlimited designs & canvases
Works with any AI agent over MCP
AI usability testing with personas
Storyboards, motion & video export
Exports clean HTML & Tailwind, ready for your stack

Case studies

Real products, shipped on-brand.

A few founders building solo, and what we shipped with them.

USMLE Vault interface

Study platform

USMLE Vault
Step 1 prep for med students

Rebuilt the core study flow on the canvas and shipped it to React, driven by real usage data, not guesses.

6 core screensOne visual system
Read the case study
Skale interface

Agency proposals

Skale
Proposal platform for agencies

Turned a loose Figma direction into a live, on-brand proposal platform the team now ships per client in hours.

proposals.skale.solutionsShipped live
PitchPrfct interface

Sales SMS

PitchPrfct
High-volume, compliant SMS

Designed the brand and marketing site, then shipped it straight to production code with no handoff.

Brand + siteProduction React

FAQ

Questions, answered.

Which AI agents work with Krit?
Any agent that speaks MCP. Claude Code, Cursor, Windsurf, Cline, Codex, and more. Connect once and the agent draws on the canvas the way a designer would.
Is the exported code actually production-ready?
Yes. Krit writes real HTML and Tailwind from the start, so the export is the exact markup you designed. No data-cv-id, no canvas runtime, no redraw. React, Next.js, and Vue exports wrap that same markup as framework-native components. HTML and Tailwind are the most battle-tested path.
Do I need design experience?
No. Krit was built for founders and product engineers, not designers. Describe what you want; the agent handles layout, type, color, and motion. You steer with words.
How does the Founder Sprint actually work?
Two weeks, working side by side on your canvas. Week one: I find what's actually broken and we redesign the core flows. Week two: we ship them to code in your stack and stress-test with AI usability runs. You keep everything we built. It's $3,000: $1,500 to start, and the other $1,500 only when the redesign is merged into your repo as a PR.
What happens after the Sprint?
The brand rules we capture live in your repo, so your agent keeps new screens on-brand on its own. Most founders move to Pro and keep designing with their own agents. And when you ship your next big surface, a new onboarding flow, a dashboard, a marketing site, you book another Sprint.
What if I'm not sure the Sprint is right for me?
Book a free product audit first. I'll look at your product, tell you honestly whether two weeks would move the needle, and you decide from there. No commitment.
Can I cancel anytime?
Yes. The $50 Pro plan is monthly with no contract. Cancel from your account and keep every design and export you've made.

From the blog

Notes from building this way.