firecrawl-website-design-clone — Skills

What it does

branding data for colors, typography, spacing, buttons, logos, brand imagery, personality, and confidence

the full images list for hero, product, feature, and section imagery beyond the curated brand assets

a full-page screenshot saved locally in .firecrawl/ so it can be embedded in DESIGN.md

page markdown for headings, copy hierarchy, CTAs, navigation, and section order when needed

metadata and links for brand, product, and page-purpose clues when needed

HTML only when the branding output, images list, and screenshot are insufficient to infer classes, font names, CSS variables, or component structure

related pages only when the user asks for a broader site system

firecrawl website design clone

Source

Repository: https://github.com/firecrawl/firecrawl-workflows

firecrawl-website-design-clone FAQ

What does the firecrawl-website-design-clone skill do?

Extract any website's design system into an agent-ready DESIGN.md using Firecrawl scrape evidence. Use when the user wants colors, fonts, spacing, components, layout patterns, or brand/UI guidance from a website so AI agents can create new websites, clone a look, or build pages inspired by that design. branding data for colors, typography, spacing, buttons, logos, brand imagery, personality, and confidence the full images list for hero, product, feature, and section imagery beyond the curated brand assets

How do I install firecrawl-website-design-clone?

Run: npx -y skills add https://github.com/firecrawl/firecrawl-workflows --skill firecrawl-website-design-clone --agent claude-code — the source lives at github.com/firecrawl/firecrawl-workflows.

Maintain firecrawl-website-design-clone?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![firecrawl-website-design-clone on getagentictools](https://getagentictools.com/badge/skills/firecrawl-firecrawl-workflows-firecrawl-website-design-clone.svg)](https://getagentictools.com/skills/firecrawl-firecrawl-workflows-firecrawl-website-design-clone?ref=badge)

npx agentictools info skills/firecrawl-firecrawl-workflows-firecrawl-website-design-clone

The second line is the CLI lookup for this page — handy in READMEs and docs.