Oct 2, 2026 · by Filip Papic · View source

Siteprint

Measure any website's design, then hand it to your AI

Siteprint

Editorial analysis

The design-handoff tax is the quiet margin killer in cross-border e-commerce

Every cross-border operator I know is running the same play in 2025: strip a winning DTC site down to its bones, hand the skeleton to an AI agent, and rebuild it for a new market, a new marketplace storefront, or a new TikTok Shop landing page. The bottleneck was never the model. It was the handoff — the moment a designer’s eye has to become a machine-readable spec, and most of us improvise it with a screenshot and a prayer. That’s why Siteprint, a Safari extension from maker Filip Papic, caught my attention. It’s a small, cheap, unglamorous tool that attacks a specific failure mode: agents hallucinating design tokens because you fed them a flat hex dump instead of a system. For sellers juggling five storefronts across three platforms, that failure mode is expensive.

What Siteprint actually does, and why “role-tagged tokens” beats a color picker

The pitch is deliberately narrow. Siteprint measures a live page — colors, type scale, spacing, corners, section layout — and outputs a prompt written for coding agents rather than a list of swatches. The maker is upfront that prompt generators and color extractors “aren’t new, and Chrome has dozens of them,” but he built this as a proper Safari extension because that’s where he lives. The Apple Intelligence angle is the differentiator: on a Mac that supports it, the on-device model reviews each scan, names the colors and type styles, and describes the feel plus what to keep or avoid. On Macs without it, the measurements still work.

The pricing is the part operators should clock: Inspect is free and measures a site; Pro adds the prompt and DESIGN.md, ready-made themes, MCP access so your agent can read scans directly, and a Compose feature that mixes two sites into a new style. It’s a one-time $9.99 with no account. In a category where Figma seats, Builder.io plans, and every “AI website cloner” wants a subscription, a $9.99 no-login utility is almost a rounding error on a Shopify Plus invoice.

Why Amazon sellers should care more than Shopify ones

Shopify merchants already have a theme editor, a design system baked into their storefront, and usually a freelancer on retainer. Amazon FBA brand owners have none of that. Your “storefront” is A+ Content modules, Brand Story tiles, and a Store page that Amazon renders inside a rigid template. If you’re building a DTC site to escape Amazon’s fee stack — or a landing page for TikTok Shop traffic — you’re often reverse-engineering a competitor’s DTC site and rebuilding it fast. Siteprint is built for exactly that: point it at a reference site, get a role-tagged prompt, paste it into Claude Code or Cursor, and get a scaffold that respects the real type scale instead of inventing one.

The comparison set: where this sits against the incumbents

Let me be honest about the competitive field, because the maker himself invited it. The closest functional cousins are browser-based extractors and AI site builders. Tools like Dora and Framer’s AI features aim at generating a whole site; Siteprint doesn’t. It generates a spec. That’s a meaningfully different job, and it’s the job that actually breaks when you hand work to an agent.

The more direct comparison is to design-token tooling like Style Dictionary or the token pipelines teams build around Tokens Studio. Those are engineer-grade systems — powerful, but they assume you already have a design system and a build step. Siteprint assumes you have a URL and ten minutes. For a cross-border operator spinning up a German storefront or a Japanese landing page, the second assumption is the realistic one.

The third comparison is to the raw workflow most of us actually use: screenshot, paste into ChatGPT or Claude, ask it to “match this design.” That works — badly. The agent guesses at hex values, invents a type scale, and treats a one-off badge color as a brand token. The Product Hunt thread is unusually substantive on this exact point. One commenter, Asad M., flags that giving every color a role “is the right call, that’s the bit agents get wrong when you hand them raw tokens.” Another, Gal Dayan, pushes on edge cases — does a one-off accent get flagged as an outlier, or listed with equal weight next to real system colors? The maker’s answer is the detail that sold me: colors are weighted by how much of the page they paint, and a badge-only accent is labeled a “trace accent for small details only,” with explicit instructions not to use it for buttons, links, or large areas. Colors that only appear inside images are listed separately so they don’t become tokens at all.

That’s a real design decision, not marketing. It’s the difference between a tool that dumps data and a tool that encodes intent.

Where the math breaks

Here’s where I get skeptical. The extension only captures whichever theme the page is currently showing. If a reference site has both light and dark modes, you scan twice — and now you have two prompts to reconcile by hand. The maker acknowledges this and says pairing both themes into one prompt is “going on the list.” Dayan’s follow-up is the sharpest critique in the thread: two scans means two prompts to reconcile, and the real risk is role drift — a color that’s “background” in light mode and “surface” in dark mode is exactly where agents start guessing again. Until that’s solved, anyone building a site that needs dark mode support is doing manual reconciliation, which is the tax Siteprint was supposed to remove.

The other honest limitation: content isn’t captured. Text, images, and illustrations are yours to add, and complex animations aren’t captured. The maker is transparent about this, and it’s fine — but it means Siteprint gets you a skeleton, not a storefront. If you were hoping to clone a competitor’s entire landing page experience in one paste, you’ll be disappointed.

What cross-border operators can actually borrow from this

The tactical lesson isn’t “buy Siteprint.” It’s the underlying principle: when you hand work to an agent, hand it roles, not values. This applies far beyond design. If you’re briefing an AI tool to write Amazon listing copy, don’t give it a keyword dump — give it a structure: which keyword is the primary, which are secondary, which are defensive. If you’re briefing it to build a Klaviyo flow, don’t paste a list of emails — describe the job each message does.

The second lesson is about tooling economics. Cross-border sellers are drowning in $49/month SaaS that each solve 5% of a problem. A one-time $9.99 tool with no account and no subscription is a reminder that the utility tier of the AI stack is going to get commoditized hard. The moat isn’t the feature — it’s the judgment baked into the output. Siteprint’s moat, if it has one, is the trace-accent logic and the Apple Intelligence review layer, not the color extraction.

The MCP angle is the sleeper feature

Buried in the Pro tier is MCP access, which lets your agent read your scans directly instead of you copy-pasting prompts. For operators running multi-agent workflows — one agent for design, one for copy, one for QA — this is the piece that turns Siteprint from a one-off utility into infrastructure. If you’re already running Model Context Protocol servers in your stack, this slots in. If you’re not, it’s a reason to look at what MCP actually enables for e-commerce ops.

Where my judgment says it falls short

Three things. First, the Safari-only constraint is real. The maker’s rationale — “I spend my day in Safari” — is honest but limiting. Most cross-border ops teams live in Chrome because that’s where Helium 10, Jungle Scout, and half the Amazon tooling ecosystem live. A Safari extension means you’re either switching browsers or running two. That’s friction the tool was supposed to remove.

Second, the dark-mode gap is a genuine blocker for anyone building a modern storefront. Light-only capture is fine for a quick landing page, but if you’re building a brand site, dark mode support is table stakes in 2025, and manual prompt reconciliation is exactly the kind of handoff tax Siteprint claims to eliminate.

Third, the Apple Intelligence dependency is a soft lock-in. On Macs without it, you lose the naming and review layer — which is arguably the most valuable part. The measurements still work, but “the on-device model reviews each scan, names its colors and type styles, describes the feel” is the feature that makes the prompt agent-ready rather than just data-rich. If you’re on an older Mac or a Windows machine, you’re getting maybe 60% of the product.

What I’d watch / test next

This week, if you’re evaluating Siteprint or anything like it, do three things. First, pick one competitor DTC site you admire and one marketplace storefront you’re trying to beat, and scan both. Compare the role-tagged prompts. If the tool can’t distinguish a brand accent from a decorative one, it’s not ready for your handoff workflow. Second, actually paste the output into your agent of choice — Claude Code, Cursor, or whatever you run — and measure how much you fix by hand. The maker’s own example, built from a Linear scan, is the benchmark to beat. Third, watch for the dark-mode pairing feature. Until that ships, treat Siteprint as a light-theme-only utility and budget the reconciliation time accordingly. And if you’re running MCP servers already, test whether the direct-read path actually saves you the copy-paste — that’s the feature that determines whether this is a $9.99 toy or a permanent slot in your stack.

Ready to Create Your Own?

Join thousands of brands creating high-performing video ads with VEONIB. No editing skills required.

Start Creating for Free