@miyako · Staff Eng · Linear
carbn is the first tool that didn't try to clone our site. It read it. The traversal output matched our component tree, not a screenshot.
MCP-readyv0.4 shipping
Inspect the architecture.Extract the component.
A headless traversal engine for the open web. carbn.sh maps, componentizes, and ships production-ready blocks to your codebase — or your agent.
inspecting linear.app
0.24snav<Navigation />
hero<HeroLinear />
grid<FeatureGrid cols={3} />
footer<Footer />
traversal·4 primitives resolved
transpile → components/
Framework-agnostic output across React, Vue, Svelte, Solid, Astro, and more.
Transpiles to every surface you ship on
- React
- Next.js
- Vue
- Svelte
- Solid
- Astro
- Remix
- Tailwind
- HTML5
- CSS3
- Framer Motion
- GSAP
- Qwik
- Preact
- Vite
- TypeScript
142ms
p95 extraction
median surface, production tier
38K
primitives resolved
in the public library
99.95%
engine uptime
90-day trailing, all regions
≤4
roundtrips per MCP call
read, resolve, transpile, write
The capability surface
Six primitives. One deterministic engine.
Every carbn surface decomposes into markup, styles, logic, and dependencies. The engine is headless; the output is framework-agnostic; the contract is your codebase.
01 · Engine
Headless Traversal Engine
Crawl, classify, and resolve any surface into a labelled primitive tree. Deterministic selectors. No hallucination.
02 · Motion
Hybrid Animation Engine
Capture motion behavior and transpile to Framer Motion, GSAP, or pure CSS. Spring physics preserved.
Capturelive
Transpiletsx
animate={{
y: [-30, 30],
scale: [1, 1.12]
}}
✓ spring preserved
03 · Sandbox
The Playground
Paste a URL. Inspect live. Scrub the timeline. Export the block — nothing leaves your browser.
playground
▣
⧉
◉
≡
04 · Inspector
Clean Code Inspector
Four tabs. Markup, styles, logic, dependencies. Everything carbn resolved, laid bare.
<section
className="hero"
>
<h1>Inspect...</h1>
</section>
05 · CLI
Local CLI
Drop components straight into your tree. Type-safe. Idempotent. Reversible.
~ carbn
$
✓ resolved 142 lines
06 · Protocol
Bi-Directional MCP
Agent-native from v0.1. Read from the public library. Write to your private namespace. Token-metered.
mcp/list_componentsmcp/resolve_primitivemcp/write_component
The deep dive
From URL to pull request.
Four deterministic phases. No intermediate steps. No manual reconciliation.
Phase 0101 / 04
Input any URL
Hand carbn the surface you admire. Public-facing site, staging URL, or local dev server — the traversal engine accepts all three.
~ carbn inspect
URLhttps://linear.app
press ↵ to traverse
Practitioner voices
Built by people who had to ship it first.
No paid placements. No stock photography. Only the engineers who invoked the engine before we opened it up.
@bennett.dev · Founder · Stride Infra
The MCP surface replaced three tools in our agent pipeline. Extraction is deterministic and write-back lands where we expect.
@annika_ws · Design Eng · Vercel
I scrub the Playground timeline while I'm on a call and ship the resulting block before the call ends. That is the loop.
@priyansh · Platform Lead · Rippling
No screenshot OCR. No hallucinated Tailwind. The inspector reads structure the way we review pull requests.
@jules.builds · Solo founder
A capable solo developer is now genuinely faster than a small frontend team. carbn made that true for me in a weekend.
@ops_takara · Agent-ops · Lattice
Our coding agent consumes the MCP directly. Read → write is one roundtrip. We stopped wrapping the CLI.
Common questions
Read the full FAQ→The load-bearing details.
Pricing
Built for practitioners and their agents.
Transparent tiers. No seats for non-contributors. Agent pricing is metered by extraction, not by fiction.
Solo
Individual developers
Free
- Playground access
- 50 extractions / month
- Local CLI
- Community library
- MCP read access
- Local-only history
MOST DEPLOYED
Team
Technical teams
$24/ user / month
- Unlimited extractions
- Private library
- Shared component namespace
- Priority engine queue
- Org-scoped MCP tokens
- GitHub integration
- Audit log (90 days)
Agent
Autonomous systems
Metered
- Bi-directional MCP
- Token-metered extraction
- Write-back to private library
- SLA-backed engine
- Dedicated region routing
- Programmatic provisioning
- Usage-level attestation
SOC 2 Type II · GDPR-compliant extraction · BYO region
Production-ready. Today.
Extract your first component.
One command. Your terminal. Your repo. Nothing proprietary in between.
$ npx carbn add hero-linear
Command copied to clipboard