Clone the repo to use your own scraping service or a different LLM.
Turn any website into a skill your AI can wear.
Paste a URL. We extract its typography, color, spacing, components and motion — then hand you a markdown file your agent can read to design in that style.
Try
Works beautifully with
How it works
Three steps from
URL to agent-ready skill.
Behind the scenes: Firecrawl scrapes the page, extracts the HTML, CSS, branding and screenshots, and AI analyses everything together.
Paste a URL
Any public site. We handle the rest.
AI scans the surface
HTML, CSS and a rendered screenshot are analyzed together.
Download the skill
A single markdown file, ready for your favorite agent.
--- name: linear-style description: Replicates the visual style of linear.app... --- ## Design Tokens - Palette: ink #08090A, paper #F7F8F8, accent #5E6AD2 - Typography: "Inter Display" 600 / -0.02em tracking - Radius: 8px, subtle 1px border, no shadows ## Motion & Interaction Hairline transitions (150ms ease-out), never bouncy.
What we capture
We read the invisible grammar of a website.
Color & typography extraction
Palette, fonts, weights, spacing and border-radius — pulled straight from the page via Firecrawl branding analysis.
Multi-page deep crawl
We don't stop at the homepage. Up to 6 same-origin pages are scraped for richer, more complete style coverage.
Agent-ready SKILL.md
AI distills everything into a single markdown skill file your agent can read — drop it into Claude, Cursor, Codex or Windsurf.
Screenshot capture
A full rendered screenshot is captured alongside the HTML and CSS, so you can see exactly what was analyzed.
Powered by the best.
Yours to modify.
Stylesnatch uses Firecrawl to deeply scan website structure, and Gemini 2.5 Flash (via OpenRouter) to distill that data into an elegant design system.
100% open source. Clone the repo to use your own scraping service or a different LLM.