[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill-firecrawl-firecrawl-website-design-clone":3,"mdc--kysjvo-key":34,"related-repo-firecrawl-firecrawl-website-design-clone":1200,"related-org-firecrawl-firecrawl-website-design-clone":1299},{"slug":4,"name":4,"fn":5,"description":6,"org":7,"tags":11,"stars":23,"repoUrl":24,"updatedAt":25,"license":26,"forks":27,"topics":28,"repo":29,"sourceUrl":32,"mdContent":33},"firecrawl-website-design-clone","extract website design systems with Firecrawl","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\u002FUI guidance from a website so AI agents can create new websites, clone a look, or build pages inspired by that design.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},"firecrawl","Firecrawl","https:\u002F\u002Fpexgzepcugksgbtrxkhf.supabase.co\u002Fstorage\u002Fv1\u002Fobject\u002Fpublic\u002Forg-logos\u002Ffirecrawl.png",[12,16,17,20],{"name":13,"slug":14,"type":15},"Web Scraping","web-scraping","tag",{"name":9,"slug":8,"type":15},{"name":18,"slug":19,"type":15},"Frontend","frontend",{"name":21,"slug":22,"type":15},"Design","design",99,"https:\u002F\u002Fgithub.com\u002Ffirecrawl\u002Ffirecrawl-workflows","2026-06-30T07:02:21.468","ISC",19,[],{"repoUrl":24,"stars":23,"forks":27,"topics":30,"description":31},[],null,"https:\u002F\u002Fgithub.com\u002Ffirecrawl\u002Ffirecrawl-workflows\u002Ftree\u002FHEAD\u002Fskills\u002Ffirecrawl-website-design-clone","---\nname: firecrawl-website-design-clone\ndescription: 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\u002FUI guidance from a website so AI agents can create new websites, clone a look, or build pages inspired by that design.\nlicense: ISC\nmetadata:\n  author: firecrawl\n  version: \"0.1.0\"\n  homepage: https:\u002F\u002Fwww.firecrawl.dev\n  source: https:\u002F\u002Fgithub.com\u002Ffirecrawl\u002Ffirecrawl-workflows\ninputs:\n  - name: FIRECRAWL_API_KEY\n    description: Firecrawl API key for hosted Firecrawl requests when the workflow runs through the CLI or API.\n    required: true\n---\n\n# Firecrawl Website Design Clone\n\nUse this when the user wants one URL turned into a practical design system file agents can use immediately.\n\nDefault outcome: **extract any website's design system in one line** and format it as `DESIGN.md`.\n\nThe skill should feel like a thin workflow around Firecrawl scrape: gather the page's visible content, structure, metadata, links, and available visual signals, then synthesize those findings into a clean design-system markdown file.\n\n## Onboarding Interview\n\nInfer the source URL, target stack, and whether implementation is requested from context. If the user gives a URL and asks for a design system, proceed immediately.\n\nAsk at most 1-3 concise questions only if blocked, such as the website URL, whether to output only `DESIGN.md` or also implement, or a required target stack.\n\nUse the host agent's normal prompt or modal UI. Do not name a harness-specific question function.\n\n## Firecrawl Collection Plan\n\nUse Firecrawl through the CLI or equivalent tool surface. Always start with two parallel scrapes of the supplied URL:\n\n1. The `branding` and `images` formats together for structured design tokens and the full set of page images.\n2. A full-page screenshot for visual context.\n\nExample:\n\n```bash\nfirecrawl scrape \"https:\u002F\u002Fexample.com\" --format branding,images -o \".firecrawl\u002Fexample-branding.json\" --pretty &\nfirecrawl scrape \"https:\u002F\u002Fexample.com\" --full-page-screenshot -o \".firecrawl\u002Fexample-screenshot.png\" &\nwait\n```\n\nCombining `branding` and `images` in one call still costs a single credit and is required: the `branding` block only surfaces curated brand assets (`logo`, `favicon`, `ogImage`, `logoHref`), so without `images` the agent will miss the page's actual content imagery (heroes, product shots, carousel slides, feature visuals, illustrations, accessory photos, end-of-page artwork, and similar). On a product page like `tesla.com\u002Fcybertruck` the `branding` block has no hero — only `images` returns the main Cybertruck hero (e.g. `Cybertruck-Hero-Desktop-NA-SA-APAC.png`) and the rest of the page's photography.\n\nIf the screenshot scrape returns a remote image URL (e.g. signed storage link) instead of a local file, download it to the same `.firecrawl\u002F` path so `DESIGN.md` can reference a stable local asset.\n\nUse the structured `branding` output as the primary source for colors, typography, components, brand assets (logo, favicon, ogImage), personality, and confidence notes. Use the `images` list as the source of truth for the page's content imagery — hero photography, product shots, carousels, feature visuals, illustrations, and decorative graphics. Use the screenshot as the primary visual reference for layout, hierarchy, and overall feel. Add supplemental formats only when these are insufficient for the final artifact.\n\nCollect:\n\n- branding data for colors, typography, spacing, buttons, logos, brand imagery, personality, and confidence\n- the full `images` list for hero, product, feature, and section imagery beyond the curated brand assets\n- a full-page screenshot saved locally in `.firecrawl\u002F` so it can be embedded in `DESIGN.md`\n- page markdown for headings, copy hierarchy, CTAs, navigation, and section order when needed\n- metadata and links for brand, product, and page-purpose clues when needed\n- HTML only when the branding output, images list, and screenshot are insufficient to infer classes, font names, CSS variables, or component structure\n- related pages only when the user asks for a broader site system\n\nDo not over-crawl by default. The first version should be useful from a single representative page.\n\n## What To Extract\n\nInfer and document the site's design language:\n\n- colors: primary, secondary, accents, backgrounds, borders, text, states\n- typography: font families if detectable, type scale, weights, line heights, heading\u002Fbody treatment\n- spacing: container widths, section rhythm, grid gaps, padding scale, density\n- layout: page structure, hero patterns, cards, grids, nav, footer, responsive assumptions\n- components: buttons, inputs, cards, badges, nav items, pricing blocks, testimonials, feature rows, forms\n- imagery and icons: style, shape language, illustration\u002Fphoto treatment, logo constraints; pull representative hero, product, feature, and section images from the full `images` list rather than relying on `branding.images`, which only carries `logo`, `favicon`, `ogImage`, and `logoHref`\n- motion and interaction: hover states, transitions, animation style when observable or inferable\n- voice and content patterns: CTA wording, heading style, product copy rhythm\n\nWhen a value cannot be measured exactly from scrape output, label it as inferred and give a practical approximation.\n\n## Parallel Work\n\nIf appropriate, use sub-agents or equivalent parallel task runners. Natural splits include one page per researcher for multi-page sites, or one reviewer each for colors, typography, spacing, and components.\n\nEach parallel researcher should return source URLs, extracted evidence, inferred design tokens, and confidence notes.\n\n## Final Deliverable\n\nCreate or return a `DESIGN.md` with this structure. Embed the full-page screenshot near the top so a coding agent gets visual context alongside the tokens.\n\n```markdown\n# DESIGN.md: [Source Site]\n\n## Source\n- URL: [source URL]\n- Capture date: [date]\n- Evidence: [scrape\u002Fscreenshot\u002Fhtml\u002Flinks used]\n\n## Reference Screenshot\n![Full-page screenshot of [Source Site]](.\u002F.firecrawl\u002F[source]-screenshot.png)\n\nUse this screenshot as the visual source of truth for layout, hierarchy, density, and feel. Tokens below describe the same page in machine-readable form.\n\n## Design Summary\n[Short description of the visual language and what an agent should recreate]\n\n## Design Tokens\n\n### Colors\n[Named color roles with hex values when known; mark inferred values clearly]\n\n### Typography\n[Fonts, fallback recommendations, scale, weights, heading\u002Fbody rules]\n\n### Spacing And Layout\n[Spacing scale, containers, grids, radius, shadows, borders]\n\n## Components\n[Buttons, cards, nav, forms, hero, feature sections, pricing, footer, etc.]\n\n## Page Patterns\n[Section order, common layouts, responsive behavior]\n\n## Content Style\n[Voice, CTA style, heading patterns, copy density]\n\n## Agent Build Instructions\n[Concrete instructions an AI coding agent can follow to create a new site in this style]\n\n## Rerun Inputs\nworkflow: firecrawl-website-design-clone\nsource_url: [url]\ntarget_stack: [stack]\noutput: DESIGN.md\n```\n\nIf the user asks to implement, first produce or update `DESIGN.md`, then use it as the source of truth for the build.\n\n## Quality Bar\n\n- Do not imply the user has rights to third-party logos, images, trademarks, or copy.\n- Prefer reusable design tokens over one-off observations.\n- Distinguish observed facts from inferred approximations.\n- Keep the output compact enough that another agent can paste it into context and build from it.\n- Preserve source URLs and scrape artifacts for review.\n",{"data":35,"body":44},{"name":4,"description":6,"license":26,"metadata":36,"inputs":39},{"author":8,"version":37,"homepage":38,"source":24},"0.1.0","https:\u002F\u002Fwww.firecrawl.dev",[40],{"name":41,"description":42,"required":43},"FIRECRAWL_API_KEY","Firecrawl API key for hosted Firecrawl requests when the workflow runs through the CLI or API.",true,{"type":45,"children":46},"root",[47,55,61,83,88,95,100,112,117,123,128,159,164,306,398,418,437,442,500,505,511,516,598,603,609,614,619,625,637,1148,1160,1166,1194],{"type":48,"tag":49,"props":50,"children":51},"element","h1",{"id":4},[52],{"type":53,"value":54},"text","Firecrawl Website Design Clone",{"type":48,"tag":56,"props":57,"children":58},"p",{},[59],{"type":53,"value":60},"Use this when the user wants one URL turned into a practical design system file agents can use immediately.",{"type":48,"tag":56,"props":62,"children":63},{},[64,66,72,74,81],{"type":53,"value":65},"Default outcome: ",{"type":48,"tag":67,"props":68,"children":69},"strong",{},[70],{"type":53,"value":71},"extract any website's design system in one line",{"type":53,"value":73}," and format it as ",{"type":48,"tag":75,"props":76,"children":78},"code",{"className":77},[],[79],{"type":53,"value":80},"DESIGN.md",{"type":53,"value":82},".",{"type":48,"tag":56,"props":84,"children":85},{},[86],{"type":53,"value":87},"The skill should feel like a thin workflow around Firecrawl scrape: gather the page's visible content, structure, metadata, links, and available visual signals, then synthesize those findings into a clean design-system markdown file.",{"type":48,"tag":89,"props":90,"children":92},"h2",{"id":91},"onboarding-interview",[93],{"type":53,"value":94},"Onboarding Interview",{"type":48,"tag":56,"props":96,"children":97},{},[98],{"type":53,"value":99},"Infer the source URL, target stack, and whether implementation is requested from context. If the user gives a URL and asks for a design system, proceed immediately.",{"type":48,"tag":56,"props":101,"children":102},{},[103,105,110],{"type":53,"value":104},"Ask at most 1-3 concise questions only if blocked, such as the website URL, whether to output only ",{"type":48,"tag":75,"props":106,"children":108},{"className":107},[],[109],{"type":53,"value":80},{"type":53,"value":111}," or also implement, or a required target stack.",{"type":48,"tag":56,"props":113,"children":114},{},[115],{"type":53,"value":116},"Use the host agent's normal prompt or modal UI. Do not name a harness-specific question function.",{"type":48,"tag":89,"props":118,"children":120},{"id":119},"firecrawl-collection-plan",[121],{"type":53,"value":122},"Firecrawl Collection Plan",{"type":48,"tag":56,"props":124,"children":125},{},[126],{"type":53,"value":127},"Use Firecrawl through the CLI or equivalent tool surface. Always start with two parallel scrapes of the supplied URL:",{"type":48,"tag":129,"props":130,"children":131},"ol",{},[132,154],{"type":48,"tag":133,"props":134,"children":135},"li",{},[136,138,144,146,152],{"type":53,"value":137},"The ",{"type":48,"tag":75,"props":139,"children":141},{"className":140},[],[142],{"type":53,"value":143},"branding",{"type":53,"value":145}," and ",{"type":48,"tag":75,"props":147,"children":149},{"className":148},[],[150],{"type":53,"value":151},"images",{"type":53,"value":153}," formats together for structured design tokens and the full set of page images.",{"type":48,"tag":133,"props":155,"children":156},{},[157],{"type":53,"value":158},"A full-page screenshot for visual context.",{"type":48,"tag":56,"props":160,"children":161},{},[162],{"type":53,"value":163},"Example:",{"type":48,"tag":165,"props":166,"children":171},"pre",{"className":167,"code":168,"language":169,"meta":170,"style":170},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","firecrawl scrape \"https:\u002F\u002Fexample.com\" --format branding,images -o \".firecrawl\u002Fexample-branding.json\" --pretty &\nfirecrawl scrape \"https:\u002F\u002Fexample.com\" --full-page-screenshot -o \".firecrawl\u002Fexample-screenshot.png\" &\nwait\n","bash","",[172],{"type":48,"tag":75,"props":173,"children":174},{"__ignoreMap":170},[175,246,296],{"type":48,"tag":176,"props":177,"children":180},"span",{"class":178,"line":179},"line",1,[181,186,192,198,203,208,213,218,223,227,232,236,241],{"type":48,"tag":176,"props":182,"children":184},{"style":183},"--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B",[185],{"type":53,"value":8},{"type":48,"tag":176,"props":187,"children":189},{"style":188},"--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D",[190],{"type":53,"value":191}," scrape",{"type":48,"tag":176,"props":193,"children":195},{"style":194},"--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF",[196],{"type":53,"value":197}," \"",{"type":48,"tag":176,"props":199,"children":200},{"style":188},[201],{"type":53,"value":202},"https:\u002F\u002Fexample.com",{"type":48,"tag":176,"props":204,"children":205},{"style":194},[206],{"type":53,"value":207},"\"",{"type":48,"tag":176,"props":209,"children":210},{"style":188},[211],{"type":53,"value":212}," --format",{"type":48,"tag":176,"props":214,"children":215},{"style":188},[216],{"type":53,"value":217}," branding,images",{"type":48,"tag":176,"props":219,"children":220},{"style":188},[221],{"type":53,"value":222}," -o",{"type":48,"tag":176,"props":224,"children":225},{"style":194},[226],{"type":53,"value":197},{"type":48,"tag":176,"props":228,"children":229},{"style":188},[230],{"type":53,"value":231},".firecrawl\u002Fexample-branding.json",{"type":48,"tag":176,"props":233,"children":234},{"style":194},[235],{"type":53,"value":207},{"type":48,"tag":176,"props":237,"children":238},{"style":188},[239],{"type":53,"value":240}," --pretty",{"type":48,"tag":176,"props":242,"children":243},{"style":194},[244],{"type":53,"value":245}," &\n",{"type":48,"tag":176,"props":247,"children":249},{"class":178,"line":248},2,[250,254,258,262,266,270,275,279,283,288,292],{"type":48,"tag":176,"props":251,"children":252},{"style":183},[253],{"type":53,"value":8},{"type":48,"tag":176,"props":255,"children":256},{"style":188},[257],{"type":53,"value":191},{"type":48,"tag":176,"props":259,"children":260},{"style":194},[261],{"type":53,"value":197},{"type":48,"tag":176,"props":263,"children":264},{"style":188},[265],{"type":53,"value":202},{"type":48,"tag":176,"props":267,"children":268},{"style":194},[269],{"type":53,"value":207},{"type":48,"tag":176,"props":271,"children":272},{"style":188},[273],{"type":53,"value":274}," --full-page-screenshot",{"type":48,"tag":176,"props":276,"children":277},{"style":188},[278],{"type":53,"value":222},{"type":48,"tag":176,"props":280,"children":281},{"style":194},[282],{"type":53,"value":197},{"type":48,"tag":176,"props":284,"children":285},{"style":188},[286],{"type":53,"value":287},".firecrawl\u002Fexample-screenshot.png",{"type":48,"tag":176,"props":289,"children":290},{"style":194},[291],{"type":53,"value":207},{"type":48,"tag":176,"props":293,"children":294},{"style":194},[295],{"type":53,"value":245},{"type":48,"tag":176,"props":297,"children":299},{"class":178,"line":298},3,[300],{"type":48,"tag":176,"props":301,"children":303},{"style":302},"--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF",[304],{"type":53,"value":305},"wait\n",{"type":48,"tag":56,"props":307,"children":308},{},[309,311,316,317,322,324,329,331,337,339,345,346,352,353,359,361,366,368,374,376,381,383,388,390,396],{"type":53,"value":310},"Combining ",{"type":48,"tag":75,"props":312,"children":314},{"className":313},[],[315],{"type":53,"value":143},{"type":53,"value":145},{"type":48,"tag":75,"props":318,"children":320},{"className":319},[],[321],{"type":53,"value":151},{"type":53,"value":323}," in one call still costs a single credit and is required: the ",{"type":48,"tag":75,"props":325,"children":327},{"className":326},[],[328],{"type":53,"value":143},{"type":53,"value":330}," block only surfaces curated brand assets (",{"type":48,"tag":75,"props":332,"children":334},{"className":333},[],[335],{"type":53,"value":336},"logo",{"type":53,"value":338},", ",{"type":48,"tag":75,"props":340,"children":342},{"className":341},[],[343],{"type":53,"value":344},"favicon",{"type":53,"value":338},{"type":48,"tag":75,"props":347,"children":349},{"className":348},[],[350],{"type":53,"value":351},"ogImage",{"type":53,"value":338},{"type":48,"tag":75,"props":354,"children":356},{"className":355},[],[357],{"type":53,"value":358},"logoHref",{"type":53,"value":360},"), so without ",{"type":48,"tag":75,"props":362,"children":364},{"className":363},[],[365],{"type":53,"value":151},{"type":53,"value":367}," the agent will miss the page's actual content imagery (heroes, product shots, carousel slides, feature visuals, illustrations, accessory photos, end-of-page artwork, and similar). On a product page like ",{"type":48,"tag":75,"props":369,"children":371},{"className":370},[],[372],{"type":53,"value":373},"tesla.com\u002Fcybertruck",{"type":53,"value":375}," the ",{"type":48,"tag":75,"props":377,"children":379},{"className":378},[],[380],{"type":53,"value":143},{"type":53,"value":382}," block has no hero — only ",{"type":48,"tag":75,"props":384,"children":386},{"className":385},[],[387],{"type":53,"value":151},{"type":53,"value":389}," returns the main Cybertruck hero (e.g. ",{"type":48,"tag":75,"props":391,"children":393},{"className":392},[],[394],{"type":53,"value":395},"Cybertruck-Hero-Desktop-NA-SA-APAC.png",{"type":53,"value":397},") and the rest of the page's photography.",{"type":48,"tag":56,"props":399,"children":400},{},[401,403,409,411,416],{"type":53,"value":402},"If the screenshot scrape returns a remote image URL (e.g. signed storage link) instead of a local file, download it to the same ",{"type":48,"tag":75,"props":404,"children":406},{"className":405},[],[407],{"type":53,"value":408},".firecrawl\u002F",{"type":53,"value":410}," path so ",{"type":48,"tag":75,"props":412,"children":414},{"className":413},[],[415],{"type":53,"value":80},{"type":53,"value":417}," can reference a stable local asset.",{"type":48,"tag":56,"props":419,"children":420},{},[421,423,428,430,435],{"type":53,"value":422},"Use the structured ",{"type":48,"tag":75,"props":424,"children":426},{"className":425},[],[427],{"type":53,"value":143},{"type":53,"value":429}," output as the primary source for colors, typography, components, brand assets (logo, favicon, ogImage), personality, and confidence notes. Use the ",{"type":48,"tag":75,"props":431,"children":433},{"className":432},[],[434],{"type":53,"value":151},{"type":53,"value":436}," list as the source of truth for the page's content imagery — hero photography, product shots, carousels, feature visuals, illustrations, and decorative graphics. Use the screenshot as the primary visual reference for layout, hierarchy, and overall feel. Add supplemental formats only when these are insufficient for the final artifact.",{"type":48,"tag":56,"props":438,"children":439},{},[440],{"type":53,"value":441},"Collect:",{"type":48,"tag":443,"props":444,"children":445},"ul",{},[446,451,463,480,485,490,495],{"type":48,"tag":133,"props":447,"children":448},{},[449],{"type":53,"value":450},"branding data for colors, typography, spacing, buttons, logos, brand imagery, personality, and confidence",{"type":48,"tag":133,"props":452,"children":453},{},[454,456,461],{"type":53,"value":455},"the full ",{"type":48,"tag":75,"props":457,"children":459},{"className":458},[],[460],{"type":53,"value":151},{"type":53,"value":462}," list for hero, product, feature, and section imagery beyond the curated brand assets",{"type":48,"tag":133,"props":464,"children":465},{},[466,468,473,475],{"type":53,"value":467},"a full-page screenshot saved locally in ",{"type":48,"tag":75,"props":469,"children":471},{"className":470},[],[472],{"type":53,"value":408},{"type":53,"value":474}," so it can be embedded in ",{"type":48,"tag":75,"props":476,"children":478},{"className":477},[],[479],{"type":53,"value":80},{"type":48,"tag":133,"props":481,"children":482},{},[483],{"type":53,"value":484},"page markdown for headings, copy hierarchy, CTAs, navigation, and section order when needed",{"type":48,"tag":133,"props":486,"children":487},{},[488],{"type":53,"value":489},"metadata and links for brand, product, and page-purpose clues when needed",{"type":48,"tag":133,"props":491,"children":492},{},[493],{"type":53,"value":494},"HTML only when the branding output, images list, and screenshot are insufficient to infer classes, font names, CSS variables, or component structure",{"type":48,"tag":133,"props":496,"children":497},{},[498],{"type":53,"value":499},"related pages only when the user asks for a broader site system",{"type":48,"tag":56,"props":501,"children":502},{},[503],{"type":53,"value":504},"Do not over-crawl by default. The first version should be useful from a single representative page.",{"type":48,"tag":89,"props":506,"children":508},{"id":507},"what-to-extract",[509],{"type":53,"value":510},"What To Extract",{"type":48,"tag":56,"props":512,"children":513},{},[514],{"type":53,"value":515},"Infer and document the site's design language:",{"type":48,"tag":443,"props":517,"children":518},{},[519,524,529,534,539,544,588,593],{"type":48,"tag":133,"props":520,"children":521},{},[522],{"type":53,"value":523},"colors: primary, secondary, accents, backgrounds, borders, text, states",{"type":48,"tag":133,"props":525,"children":526},{},[527],{"type":53,"value":528},"typography: font families if detectable, type scale, weights, line heights, heading\u002Fbody treatment",{"type":48,"tag":133,"props":530,"children":531},{},[532],{"type":53,"value":533},"spacing: container widths, section rhythm, grid gaps, padding scale, density",{"type":48,"tag":133,"props":535,"children":536},{},[537],{"type":53,"value":538},"layout: page structure, hero patterns, cards, grids, nav, footer, responsive assumptions",{"type":48,"tag":133,"props":540,"children":541},{},[542],{"type":53,"value":543},"components: buttons, inputs, cards, badges, nav items, pricing blocks, testimonials, feature rows, forms",{"type":48,"tag":133,"props":545,"children":546},{},[547,549,554,556,562,564,569,570,575,576,581,583],{"type":53,"value":548},"imagery and icons: style, shape language, illustration\u002Fphoto treatment, logo constraints; pull representative hero, product, feature, and section images from the full ",{"type":48,"tag":75,"props":550,"children":552},{"className":551},[],[553],{"type":53,"value":151},{"type":53,"value":555}," list rather than relying on ",{"type":48,"tag":75,"props":557,"children":559},{"className":558},[],[560],{"type":53,"value":561},"branding.images",{"type":53,"value":563},", which only carries ",{"type":48,"tag":75,"props":565,"children":567},{"className":566},[],[568],{"type":53,"value":336},{"type":53,"value":338},{"type":48,"tag":75,"props":571,"children":573},{"className":572},[],[574],{"type":53,"value":344},{"type":53,"value":338},{"type":48,"tag":75,"props":577,"children":579},{"className":578},[],[580],{"type":53,"value":351},{"type":53,"value":582},", and ",{"type":48,"tag":75,"props":584,"children":586},{"className":585},[],[587],{"type":53,"value":358},{"type":48,"tag":133,"props":589,"children":590},{},[591],{"type":53,"value":592},"motion and interaction: hover states, transitions, animation style when observable or inferable",{"type":48,"tag":133,"props":594,"children":595},{},[596],{"type":53,"value":597},"voice and content patterns: CTA wording, heading style, product copy rhythm",{"type":48,"tag":56,"props":599,"children":600},{},[601],{"type":53,"value":602},"When a value cannot be measured exactly from scrape output, label it as inferred and give a practical approximation.",{"type":48,"tag":89,"props":604,"children":606},{"id":605},"parallel-work",[607],{"type":53,"value":608},"Parallel Work",{"type":48,"tag":56,"props":610,"children":611},{},[612],{"type":53,"value":613},"If appropriate, use sub-agents or equivalent parallel task runners. Natural splits include one page per researcher for multi-page sites, or one reviewer each for colors, typography, spacing, and components.",{"type":48,"tag":56,"props":615,"children":616},{},[617],{"type":53,"value":618},"Each parallel researcher should return source URLs, extracted evidence, inferred design tokens, and confidence notes.",{"type":48,"tag":89,"props":620,"children":622},{"id":621},"final-deliverable",[623],{"type":53,"value":624},"Final Deliverable",{"type":48,"tag":56,"props":626,"children":627},{},[628,630,635],{"type":53,"value":629},"Create or return a ",{"type":48,"tag":75,"props":631,"children":633},{"className":632},[],[634],{"type":53,"value":80},{"type":53,"value":636}," with this structure. Embed the full-page screenshot near the top so a coding agent gets visual context alongside the tokens.",{"type":48,"tag":165,"props":638,"children":642},{"className":639,"code":640,"language":641,"meta":170,"style":170},"language-markdown shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","# DESIGN.md: [Source Site]\n\n## Source\n- URL: [source URL]\n- Capture date: [date]\n- Evidence: [scrape\u002Fscreenshot\u002Fhtml\u002Flinks used]\n\n## Reference Screenshot\n![Full-page screenshot of [Source Site]](.\u002F.firecrawl\u002F[source]-screenshot.png)\n\nUse this screenshot as the visual source of truth for layout, hierarchy, density, and feel. Tokens below describe the same page in machine-readable form.\n\n## Design Summary\n[Short description of the visual language and what an agent should recreate]\n\n## Design Tokens\n\n### Colors\n[Named color roles with hex values when known; mark inferred values clearly]\n\n### Typography\n[Fonts, fallback recommendations, scale, weights, heading\u002Fbody rules]\n\n### Spacing And Layout\n[Spacing scale, containers, grids, radius, shadows, borders]\n\n## Components\n[Buttons, cards, nav, forms, hero, feature sections, pricing, footer, etc.]\n\n## Page Patterns\n[Section order, common layouts, responsive behavior]\n\n## Content Style\n[Voice, CTA style, heading patterns, copy density]\n\n## Agent Build Instructions\n[Concrete instructions an AI coding agent can follow to create a new site in this style]\n\n## Rerun Inputs\nworkflow: firecrawl-website-design-clone\nsource_url: [url]\ntarget_stack: [stack]\noutput: DESIGN.md\n","markdown",[643],{"type":48,"tag":75,"props":644,"children":645},{"__ignoreMap":170},[646,659,667,680,695,723,736,744,757,787,795,804,812,825,834,842,855,863,877,885,893,906,915,923,936,945,953,966,975,983,996,1005,1013,1026,1035,1043,1056,1065,1073,1086,1095,1117,1139],{"type":48,"tag":176,"props":647,"children":648},{"class":178,"line":179},[649,654],{"type":48,"tag":176,"props":650,"children":651},{"style":194},[652],{"type":53,"value":653},"# ",{"type":48,"tag":176,"props":655,"children":656},{"style":183},[657],{"type":53,"value":658},"DESIGN.md: [Source Site]\n",{"type":48,"tag":176,"props":660,"children":661},{"class":178,"line":248},[662],{"type":48,"tag":176,"props":663,"children":664},{"emptyLinePlaceholder":43},[665],{"type":53,"value":666},"\n",{"type":48,"tag":176,"props":668,"children":669},{"class":178,"line":298},[670,675],{"type":48,"tag":176,"props":671,"children":672},{"style":194},[673],{"type":53,"value":674},"## ",{"type":48,"tag":176,"props":676,"children":677},{"style":183},[678],{"type":53,"value":679},"Source\n",{"type":48,"tag":176,"props":681,"children":683},{"class":178,"line":682},4,[684,689],{"type":48,"tag":176,"props":685,"children":686},{"style":194},[687],{"type":53,"value":688},"-",{"type":48,"tag":176,"props":690,"children":692},{"style":691},"--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8",[693],{"type":53,"value":694}," URL: [source URL]\n",{"type":48,"tag":176,"props":696,"children":698},{"class":178,"line":697},5,[699,703,708,713,718],{"type":48,"tag":176,"props":700,"children":701},{"style":194},[702],{"type":53,"value":688},{"type":48,"tag":176,"props":704,"children":705},{"style":691},[706],{"type":53,"value":707}," Capture date: ",{"type":48,"tag":176,"props":709,"children":710},{"style":194},[711],{"type":53,"value":712},"[",{"type":48,"tag":176,"props":714,"children":715},{"style":188},[716],{"type":53,"value":717},"date",{"type":48,"tag":176,"props":719,"children":720},{"style":194},[721],{"type":53,"value":722},"]\n",{"type":48,"tag":176,"props":724,"children":726},{"class":178,"line":725},6,[727,731],{"type":48,"tag":176,"props":728,"children":729},{"style":194},[730],{"type":53,"value":688},{"type":48,"tag":176,"props":732,"children":733},{"style":691},[734],{"type":53,"value":735}," Evidence: [scrape\u002Fscreenshot\u002Fhtml\u002Flinks used]\n",{"type":48,"tag":176,"props":737,"children":739},{"class":178,"line":738},7,[740],{"type":48,"tag":176,"props":741,"children":742},{"emptyLinePlaceholder":43},[743],{"type":53,"value":666},{"type":48,"tag":176,"props":745,"children":747},{"class":178,"line":746},8,[748,752],{"type":48,"tag":176,"props":749,"children":750},{"style":194},[751],{"type":53,"value":674},{"type":48,"tag":176,"props":753,"children":754},{"style":183},[755],{"type":53,"value":756},"Reference Screenshot\n",{"type":48,"tag":176,"props":758,"children":760},{"class":178,"line":759},9,[761,766,771,776,782],{"type":48,"tag":176,"props":762,"children":763},{"style":194},[764],{"type":53,"value":765},"![",{"type":48,"tag":176,"props":767,"children":768},{"style":188},[769],{"type":53,"value":770},"Full-page screenshot of [Source Site]",{"type":48,"tag":176,"props":772,"children":773},{"style":194},[774],{"type":53,"value":775},"](",{"type":48,"tag":176,"props":777,"children":779},{"style":778},"--shiki-light:#90A4AE;--shiki-light-text-decoration:underline;--shiki-default:#EEFFFF;--shiki-default-text-decoration:underline;--shiki-dark:#BABED8;--shiki-dark-text-decoration:underline",[780],{"type":53,"value":781},".\u002F.firecrawl\u002F[source]-screenshot.png",{"type":48,"tag":176,"props":783,"children":784},{"style":194},[785],{"type":53,"value":786},")\n",{"type":48,"tag":176,"props":788,"children":790},{"class":178,"line":789},10,[791],{"type":48,"tag":176,"props":792,"children":793},{"emptyLinePlaceholder":43},[794],{"type":53,"value":666},{"type":48,"tag":176,"props":796,"children":798},{"class":178,"line":797},11,[799],{"type":48,"tag":176,"props":800,"children":801},{"style":691},[802],{"type":53,"value":803},"Use this screenshot as the visual source of truth for layout, hierarchy, density, and feel. Tokens below describe the same page in machine-readable form.\n",{"type":48,"tag":176,"props":805,"children":807},{"class":178,"line":806},12,[808],{"type":48,"tag":176,"props":809,"children":810},{"emptyLinePlaceholder":43},[811],{"type":53,"value":666},{"type":48,"tag":176,"props":813,"children":815},{"class":178,"line":814},13,[816,820],{"type":48,"tag":176,"props":817,"children":818},{"style":194},[819],{"type":53,"value":674},{"type":48,"tag":176,"props":821,"children":822},{"style":183},[823],{"type":53,"value":824},"Design Summary\n",{"type":48,"tag":176,"props":826,"children":828},{"class":178,"line":827},14,[829],{"type":48,"tag":176,"props":830,"children":831},{"style":691},[832],{"type":53,"value":833},"[Short description of the visual language and what an agent should recreate]\n",{"type":48,"tag":176,"props":835,"children":837},{"class":178,"line":836},15,[838],{"type":48,"tag":176,"props":839,"children":840},{"emptyLinePlaceholder":43},[841],{"type":53,"value":666},{"type":48,"tag":176,"props":843,"children":845},{"class":178,"line":844},16,[846,850],{"type":48,"tag":176,"props":847,"children":848},{"style":194},[849],{"type":53,"value":674},{"type":48,"tag":176,"props":851,"children":852},{"style":183},[853],{"type":53,"value":854},"Design Tokens\n",{"type":48,"tag":176,"props":856,"children":858},{"class":178,"line":857},17,[859],{"type":48,"tag":176,"props":860,"children":861},{"emptyLinePlaceholder":43},[862],{"type":53,"value":666},{"type":48,"tag":176,"props":864,"children":866},{"class":178,"line":865},18,[867,872],{"type":48,"tag":176,"props":868,"children":869},{"style":194},[870],{"type":53,"value":871},"### ",{"type":48,"tag":176,"props":873,"children":874},{"style":183},[875],{"type":53,"value":876},"Colors\n",{"type":48,"tag":176,"props":878,"children":879},{"class":178,"line":27},[880],{"type":48,"tag":176,"props":881,"children":882},{"style":691},[883],{"type":53,"value":884},"[Named color roles with hex values when known; mark inferred values clearly]\n",{"type":48,"tag":176,"props":886,"children":888},{"class":178,"line":887},20,[889],{"type":48,"tag":176,"props":890,"children":891},{"emptyLinePlaceholder":43},[892],{"type":53,"value":666},{"type":48,"tag":176,"props":894,"children":896},{"class":178,"line":895},21,[897,901],{"type":48,"tag":176,"props":898,"children":899},{"style":194},[900],{"type":53,"value":871},{"type":48,"tag":176,"props":902,"children":903},{"style":183},[904],{"type":53,"value":905},"Typography\n",{"type":48,"tag":176,"props":907,"children":909},{"class":178,"line":908},22,[910],{"type":48,"tag":176,"props":911,"children":912},{"style":691},[913],{"type":53,"value":914},"[Fonts, fallback recommendations, scale, weights, heading\u002Fbody rules]\n",{"type":48,"tag":176,"props":916,"children":918},{"class":178,"line":917},23,[919],{"type":48,"tag":176,"props":920,"children":921},{"emptyLinePlaceholder":43},[922],{"type":53,"value":666},{"type":48,"tag":176,"props":924,"children":926},{"class":178,"line":925},24,[927,931],{"type":48,"tag":176,"props":928,"children":929},{"style":194},[930],{"type":53,"value":871},{"type":48,"tag":176,"props":932,"children":933},{"style":183},[934],{"type":53,"value":935},"Spacing And Layout\n",{"type":48,"tag":176,"props":937,"children":939},{"class":178,"line":938},25,[940],{"type":48,"tag":176,"props":941,"children":942},{"style":691},[943],{"type":53,"value":944},"[Spacing scale, containers, grids, radius, shadows, borders]\n",{"type":48,"tag":176,"props":946,"children":948},{"class":178,"line":947},26,[949],{"type":48,"tag":176,"props":950,"children":951},{"emptyLinePlaceholder":43},[952],{"type":53,"value":666},{"type":48,"tag":176,"props":954,"children":956},{"class":178,"line":955},27,[957,961],{"type":48,"tag":176,"props":958,"children":959},{"style":194},[960],{"type":53,"value":674},{"type":48,"tag":176,"props":962,"children":963},{"style":183},[964],{"type":53,"value":965},"Components\n",{"type":48,"tag":176,"props":967,"children":969},{"class":178,"line":968},28,[970],{"type":48,"tag":176,"props":971,"children":972},{"style":691},[973],{"type":53,"value":974},"[Buttons, cards, nav, forms, hero, feature sections, pricing, footer, etc.]\n",{"type":48,"tag":176,"props":976,"children":978},{"class":178,"line":977},29,[979],{"type":48,"tag":176,"props":980,"children":981},{"emptyLinePlaceholder":43},[982],{"type":53,"value":666},{"type":48,"tag":176,"props":984,"children":986},{"class":178,"line":985},30,[987,991],{"type":48,"tag":176,"props":988,"children":989},{"style":194},[990],{"type":53,"value":674},{"type":48,"tag":176,"props":992,"children":993},{"style":183},[994],{"type":53,"value":995},"Page Patterns\n",{"type":48,"tag":176,"props":997,"children":999},{"class":178,"line":998},31,[1000],{"type":48,"tag":176,"props":1001,"children":1002},{"style":691},[1003],{"type":53,"value":1004},"[Section order, common layouts, responsive behavior]\n",{"type":48,"tag":176,"props":1006,"children":1008},{"class":178,"line":1007},32,[1009],{"type":48,"tag":176,"props":1010,"children":1011},{"emptyLinePlaceholder":43},[1012],{"type":53,"value":666},{"type":48,"tag":176,"props":1014,"children":1016},{"class":178,"line":1015},33,[1017,1021],{"type":48,"tag":176,"props":1018,"children":1019},{"style":194},[1020],{"type":53,"value":674},{"type":48,"tag":176,"props":1022,"children":1023},{"style":183},[1024],{"type":53,"value":1025},"Content Style\n",{"type":48,"tag":176,"props":1027,"children":1029},{"class":178,"line":1028},34,[1030],{"type":48,"tag":176,"props":1031,"children":1032},{"style":691},[1033],{"type":53,"value":1034},"[Voice, CTA style, heading patterns, copy density]\n",{"type":48,"tag":176,"props":1036,"children":1038},{"class":178,"line":1037},35,[1039],{"type":48,"tag":176,"props":1040,"children":1041},{"emptyLinePlaceholder":43},[1042],{"type":53,"value":666},{"type":48,"tag":176,"props":1044,"children":1046},{"class":178,"line":1045},36,[1047,1051],{"type":48,"tag":176,"props":1048,"children":1049},{"style":194},[1050],{"type":53,"value":674},{"type":48,"tag":176,"props":1052,"children":1053},{"style":183},[1054],{"type":53,"value":1055},"Agent Build Instructions\n",{"type":48,"tag":176,"props":1057,"children":1059},{"class":178,"line":1058},37,[1060],{"type":48,"tag":176,"props":1061,"children":1062},{"style":691},[1063],{"type":53,"value":1064},"[Concrete instructions an AI coding agent can follow to create a new site in this style]\n",{"type":48,"tag":176,"props":1066,"children":1068},{"class":178,"line":1067},38,[1069],{"type":48,"tag":176,"props":1070,"children":1071},{"emptyLinePlaceholder":43},[1072],{"type":53,"value":666},{"type":48,"tag":176,"props":1074,"children":1076},{"class":178,"line":1075},39,[1077,1081],{"type":48,"tag":176,"props":1078,"children":1079},{"style":194},[1080],{"type":53,"value":674},{"type":48,"tag":176,"props":1082,"children":1083},{"style":183},[1084],{"type":53,"value":1085},"Rerun Inputs\n",{"type":48,"tag":176,"props":1087,"children":1089},{"class":178,"line":1088},40,[1090],{"type":48,"tag":176,"props":1091,"children":1092},{"style":691},[1093],{"type":53,"value":1094},"workflow: firecrawl-website-design-clone\n",{"type":48,"tag":176,"props":1096,"children":1098},{"class":178,"line":1097},41,[1099,1104,1108,1113],{"type":48,"tag":176,"props":1100,"children":1101},{"style":691},[1102],{"type":53,"value":1103},"source_url: ",{"type":48,"tag":176,"props":1105,"children":1106},{"style":194},[1107],{"type":53,"value":712},{"type":48,"tag":176,"props":1109,"children":1110},{"style":188},[1111],{"type":53,"value":1112},"url",{"type":48,"tag":176,"props":1114,"children":1115},{"style":194},[1116],{"type":53,"value":722},{"type":48,"tag":176,"props":1118,"children":1120},{"class":178,"line":1119},42,[1121,1126,1130,1135],{"type":48,"tag":176,"props":1122,"children":1123},{"style":691},[1124],{"type":53,"value":1125},"target_stack: ",{"type":48,"tag":176,"props":1127,"children":1128},{"style":194},[1129],{"type":53,"value":712},{"type":48,"tag":176,"props":1131,"children":1132},{"style":188},[1133],{"type":53,"value":1134},"stack",{"type":48,"tag":176,"props":1136,"children":1137},{"style":194},[1138],{"type":53,"value":722},{"type":48,"tag":176,"props":1140,"children":1142},{"class":178,"line":1141},43,[1143],{"type":48,"tag":176,"props":1144,"children":1145},{"style":691},[1146],{"type":53,"value":1147},"output: DESIGN.md\n",{"type":48,"tag":56,"props":1149,"children":1150},{},[1151,1153,1158],{"type":53,"value":1152},"If the user asks to implement, first produce or update ",{"type":48,"tag":75,"props":1154,"children":1156},{"className":1155},[],[1157],{"type":53,"value":80},{"type":53,"value":1159},", then use it as the source of truth for the build.",{"type":48,"tag":89,"props":1161,"children":1163},{"id":1162},"quality-bar",[1164],{"type":53,"value":1165},"Quality Bar",{"type":48,"tag":443,"props":1167,"children":1168},{},[1169,1174,1179,1184,1189],{"type":48,"tag":133,"props":1170,"children":1171},{},[1172],{"type":53,"value":1173},"Do not imply the user has rights to third-party logos, images, trademarks, or copy.",{"type":48,"tag":133,"props":1175,"children":1176},{},[1177],{"type":53,"value":1178},"Prefer reusable design tokens over one-off observations.",{"type":48,"tag":133,"props":1180,"children":1181},{},[1182],{"type":53,"value":1183},"Distinguish observed facts from inferred approximations.",{"type":48,"tag":133,"props":1185,"children":1186},{},[1187],{"type":53,"value":1188},"Keep the output compact enough that another agent can paste it into context and build from it.",{"type":48,"tag":133,"props":1190,"children":1191},{},[1192],{"type":53,"value":1193},"Preserve source URLs and scrape artifacts for review.",{"type":48,"tag":1195,"props":1196,"children":1197},"style",{},[1198],{"type":53,"value":1199},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"items":1201,"total":844},[1202,1216,1230,1247,1264,1276,1290],{"slug":1203,"name":1203,"fn":1204,"description":1205,"org":1206,"tags":1207,"stars":23,"repoUrl":24,"updatedAt":25},"firecrawl-company-directories","extract company directories with Firecrawl","Extract 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.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1208,1211,1214,1215],{"name":1209,"slug":1210,"type":15},"Automation","automation",{"name":1212,"slug":1213,"type":15},"Data Engineering","data-engineering",{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},{"slug":1217,"name":1217,"fn":1218,"description":1219,"org":1220,"tags":1221,"stars":23,"repoUrl":24,"updatedAt":25},"firecrawl-competitive-intel","monitor competitor product changes with Firecrawl","Monitor 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.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1222,1225,1226,1229],{"name":1223,"slug":1224,"type":15},"Competitive Intelligence","competitive-intelligence",{"name":9,"slug":8,"type":15},{"name":1227,"slug":1228,"type":15},"Marketing","marketing",{"name":13,"slug":14,"type":15},{"slug":1231,"name":1231,"fn":1232,"description":1233,"org":1234,"tags":1235,"stars":23,"repoUrl":24,"updatedAt":25},"firecrawl-dashboard-reporting","pull metrics from analytics dashboards","Pull 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.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1236,1239,1242,1243,1246],{"name":1237,"slug":1238,"type":15},"Analytics","analytics",{"name":1240,"slug":1241,"type":15},"Dashboards","dashboards",{"name":9,"slug":8,"type":15},{"name":1244,"slug":1245,"type":15},"Reporting","reporting",{"name":13,"slug":14,"type":15},{"slug":1248,"name":1248,"fn":1249,"description":1250,"org":1251,"tags":1252,"stars":23,"repoUrl":24,"updatedAt":25},"firecrawl-deep-research","conduct deep research with Firecrawl","Produce an intensive, cited analytical report: executive summary, multi-angle\nfindings, contrarian views, open questions, and full sources. Use only when the\nuser needs rigorous synthesis of a complex topic (scientific, technical, policy,\nor market-analytical) that cannot be answered with a short search, and wants\na formal written report, not a recommendation list.\n\nDo not use for product picks, top-N lists, quick lookups, or routine \"find out\nabout X\" tasks. If the request does not clearly need this kind of report, do\nnot use this skill.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1253,1254,1257,1260,1263],{"name":9,"slug":8,"type":15},{"name":1255,"slug":1256,"type":15},"Firecrawl Research","firecrawl-research",{"name":1258,"slug":1259,"type":15},"Research","research",{"name":1261,"slug":1262,"type":15},"Summarization","summarization",{"name":13,"slug":14,"type":15},{"slug":1265,"name":1265,"fn":1266,"description":1267,"org":1268,"tags":1269,"stars":23,"repoUrl":24,"updatedAt":25},"firecrawl-demo-walkthrough","generate product walkthroughs with Firecrawl","Walk through a product's key flows with Firecrawl browser and produce a structured UX\u002Fproduct walkthrough. Use for signup, onboarding, pricing, docs, dashboard, product demo prep, UX teardown, and first-run experience analysis.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1270,1271,1272,1275],{"name":1209,"slug":1210,"type":15},{"name":9,"slug":8,"type":15},{"name":1273,"slug":1274,"type":15},"UX Design","ux-design",{"name":13,"slug":14,"type":15},{"slug":1277,"name":1277,"fn":1278,"description":1279,"org":1280,"tags":1281,"stars":23,"repoUrl":24,"updatedAt":25},"firecrawl-knowledge-base","build knowledge bases from web content","Build 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.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1282,1283,1284,1287],{"name":1212,"slug":1213,"type":15},{"name":9,"slug":8,"type":15},{"name":1285,"slug":1286,"type":15},"Knowledge Management","knowledge-management",{"name":1288,"slug":1289,"type":15},"Search","search",{"slug":1291,"name":1291,"fn":1292,"description":1293,"org":1294,"tags":1295,"stars":23,"repoUrl":24,"updatedAt":25},"firecrawl-knowledge-ingest","ingest knowledge bases with Firecrawl","Ingest public or authenticated knowledge bases and docs portals with Firecrawl browser. Use for JS-heavy docs, login-gated portals, paginated help centers, support knowledge bases, or structured JSON\u002Fmarkdown extraction from documentation sites.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1296,1297,1298],{"name":9,"slug":8,"type":15},{"name":1285,"slug":1286,"type":15},{"name":13,"slug":14,"type":15},{"items":1300,"total":1045},[1301,1313,1323,1334,1349,1362,1372,1379,1386,1394,1402,1409],{"slug":1302,"name":1302,"fn":1303,"description":1304,"org":1305,"tags":1306,"stars":1310,"repoUrl":1311,"updatedAt":1312},"competitor-analysis","analyze competitors across features and pricing","Compare two or more companies, products, or platforms across pricing, features, positioning, and docs. Use this skill whenever the user says \"compare X vs Y\", \"how does X stack up against Y\", \"alternatives to X\", \"competitive landscape of …\", \"X vs Y vs Z\", or asks for a competitor matrix. Uses search to discover competitors when the user only names a category, then scrape for each competitor's homepage, pricing page, and features\u002Fdocs. Returns a normalized comparison matrix as JSON.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1307,1308,1309],{"name":1223,"slug":1224,"type":15},{"name":9,"slug":8,"type":15},{"name":1258,"slug":1259,"type":15},1130,"https:\u002F\u002Fgithub.com\u002Ffirecrawl\u002Fweb-agent","2026-04-17T05:00:44.623049",{"slug":1314,"name":1314,"fn":1315,"description":1316,"org":1317,"tags":1318,"stars":1310,"repoUrl":1311,"updatedAt":1322},"deep-research","conduct multi-source deep research","Multi-source research with source triangulation and fact-checking. Use for any research task requiring 3+ sources.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1319,1320,1321],{"name":9,"slug":8,"type":15},{"name":1285,"slug":1286,"type":15},{"name":1258,"slug":1259,"type":15},"2026-04-17T05:00:45.852512",{"slug":1324,"name":1324,"fn":1325,"description":1326,"org":1327,"tags":1328,"stars":1310,"repoUrl":1311,"updatedAt":1333},"e-commerce","extract product data from e-commerce sites","Navigate e-commerce sites to extract products, pricing, categories, and inventory. Handles pagination, variants, and JS-heavy storefronts.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1329,1331,1332],{"name":1330,"slug":1324,"type":15},"E-commerce",{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-05-15T06:15:30.880268",{"slug":1335,"name":1335,"fn":1336,"description":1337,"org":1338,"tags":1339,"stars":1310,"repoUrl":1311,"updatedAt":1348},"financial-research","pull financial data for public companies","Pull company financials, SEC filings, and analyst consensus for a public company. Use this skill whenever the user says \"10-K\", \"10-Q\", \"earnings\", \"revenue of\", \"financials for\", \"analyst rating for\", \"price target for\", or provides a stock ticker. Combines SEC EDGAR for official filings with Yahoo Finance \u002F TipRanks for analyst data. Search + scrape only; no interact needed.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1340,1343,1344,1345],{"name":1341,"slug":1342,"type":15},"Finance","finance",{"name":9,"slug":8,"type":15},{"name":1258,"slug":1259,"type":15},{"name":1346,"slug":1347,"type":15},"SEC Filings","sec-filings","2026-05-15T06:15:33.293957",{"slug":1350,"name":1350,"fn":1351,"description":1352,"org":1353,"tags":1354,"stars":1310,"repoUrl":1311,"updatedAt":1361},"pricing-tracker","track and compare vendor pricing tiers","Extract and normalize pricing tiers from any SaaS, API, cloud, or LLM vendor's pricing page. Use this skill whenever the user says \"pricing for X\", \"how much does X cost\", \"pricing tiers\", \"cost comparison\", provides a URL ending in `\u002Fpricing` or `\u002Fplans`, or asks to monitor pricing over time. Pairs well with `exportSkill` to turn a run into a cron-friendly workflow. Scrape-driven; no interact needed for typical pricing pages.\n",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1355,1356,1357,1358],{"name":1223,"slug":1224,"type":15},{"name":9,"slug":8,"type":15},{"name":1258,"slug":1259,"type":15},{"name":1359,"slug":1360,"type":15},"SaaS","saas","2026-04-17T05:00:43.349332",{"slug":1363,"name":1363,"fn":1364,"description":1365,"org":1366,"tags":1367,"stars":1310,"repoUrl":1311,"updatedAt":1371},"structured-extraction","extract structured data from websites","Extract structured data matching a JSON schema from websites. Handles complex nested schemas, arrays, pagination, and validation. Always outputs via formatOutput.",{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1368,1369,1370],{"name":1212,"slug":1213,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},"2026-05-15T06:15:32.092034",{"slug":1203,"name":1203,"fn":1204,"description":1205,"org":1373,"tags":1374,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1375,1376,1377,1378],{"name":1209,"slug":1210,"type":15},{"name":1212,"slug":1213,"type":15},{"name":9,"slug":8,"type":15},{"name":13,"slug":14,"type":15},{"slug":1217,"name":1217,"fn":1218,"description":1219,"org":1380,"tags":1381,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1382,1383,1384,1385],{"name":1223,"slug":1224,"type":15},{"name":9,"slug":8,"type":15},{"name":1227,"slug":1228,"type":15},{"name":13,"slug":14,"type":15},{"slug":1231,"name":1231,"fn":1232,"description":1233,"org":1387,"tags":1388,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1389,1390,1391,1392,1393],{"name":1237,"slug":1238,"type":15},{"name":1240,"slug":1241,"type":15},{"name":9,"slug":8,"type":15},{"name":1244,"slug":1245,"type":15},{"name":13,"slug":14,"type":15},{"slug":1248,"name":1248,"fn":1249,"description":1250,"org":1395,"tags":1396,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1397,1398,1399,1400,1401],{"name":9,"slug":8,"type":15},{"name":1255,"slug":1256,"type":15},{"name":1258,"slug":1259,"type":15},{"name":1261,"slug":1262,"type":15},{"name":13,"slug":14,"type":15},{"slug":1265,"name":1265,"fn":1266,"description":1267,"org":1403,"tags":1404,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1405,1406,1407,1408],{"name":1209,"slug":1210,"type":15},{"name":9,"slug":8,"type":15},{"name":1273,"slug":1274,"type":15},{"name":13,"slug":14,"type":15},{"slug":1277,"name":1277,"fn":1278,"description":1279,"org":1410,"tags":1411,"stars":23,"repoUrl":24,"updatedAt":25},{"slug":8,"name":9,"logoUrl":10,"githubOrg":8},[1412,1413,1414,1415],{"name":1212,"slug":1213,"type":15},{"name":9,"slug":8,"type":15},{"name":1285,"slug":1286,"type":15},{"name":1288,"slug":1289,"type":15}]