Firecrawl Website Design Clone
firecrawl/firecrawl-workflows/skills/firecrawl-website-design-clone
designOfficial
Official Provider SkillView repo
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.
Files1 files
SKILL.md145 lines
Loading editor…
Install
RecommendedOne command — your agent picks it up automatically.
Select an AI agent above to see the install command.
or
Manual Install
More stepsDownload the file and paste it into your agent's system prompt.
Skill details
Versionv1.0.0
AuthorFirecrawl
Categorydesign
Skill IDfirecrawl/firecrawl-workflows/skills/firecrawl-website-design-clone
Related skills
Firecrawl Company DirectoriesExtract structured company lists from directories with Firecrawl. Use for scraping YC, Crunchbase, Product Hunt, G2, startup directories, category directories, or custom company databases into JSON, CSV, CRM-ready lists, or research tables.Firecrawl Competitive IntelMonitor competitor pricing, features, changelogs, dashboards, and product changes with Firecrawl. Use for recurring competitive intelligence, pricing tier extraction, feature change tracking, or structured competitor alerts.Firecrawl Dashboard ReportingPull metrics from analytics dashboards and internal web tools with Firecrawl browser. Use when the user needs dashboard reporting, cross-platform metric summaries, authenticated analytics extraction, date-range reports, or structured metrics from web dashboards.Firecrawl Deep ResearchProduce an intensive, cited analytical report: executive summary, multi-angle
findings, contrarian views, open questions, and full sources. Use only when the
user needs rigorous synthesis of a complex topic (scientific, technical, policy,
or market-analytical) that cannot be answered with a short search, and wants
a formal written report, not a recommendation list.
Do not use for product picks, top-N lists, quick lookups, or routine "find out
about X" tasks. If the request does not clearly needFirecrawl Demo WalkthroughWalk through a product's key flows with Firecrawl browser and produce a structured UX/product walkthrough. Use for signup, onboarding, pricing, docs, dashboard, product demo prep, UX teardown, and first-run experience analysis.Firecrawl Knowledge BaseBuild a knowledge base from web content with Firecrawl. Use for local reference docs, RAG-ready chunks, fine-tuning datasets, documentation mirrors, topic corpora, or LLM-ready markdown organized from web sources.