firecrawl-website-design-clone
firecrawl-website-design-clone is the official agent skill of firecrawl published by firecrawl, listed under design. It lives in the firecrawl/skills repository, which has 138 GitHub stars and is licensed under ISC; we last read it on 2026-10-19.
Extracts a website's design system into an agent-ready DESIGN.md file using Firecrawl scrape evidence. Users can obtain colors, fonts, spacing, components, layout patterns, or brand/UI guidance to create new websites, clone a look, or build inspired pages.
Install
skills is a generic installer for any repository of Claude agent skills -- it reads firecrawl/skills’s own structure rather than assuming one, the same way this page reads the skill’s own SKILL.md rather than assuming a format.
npx skills add firecrawl/skills
What it connects to
Unverified means a mention in the skill’s own description, not a citation. A wrong claim here costs nothing to correct and nothing to trust yet.
Maintenance
Extract an existing website's visual system into DESIGN.md, or collect its existing logo, colors, fonts and homepage messaging for a document. Use for reference-based UI implementation, documenting design patterns, or matching a presentation to a company's website. Excludes inventing a new brand or brand positioning.
firecrawl-website-design-clone compared with similar skills
| Skill | Publisher | What it does | Repo stars | Last update |
|---|---|---|---|---|
| firecrawl-website-design-clone (this page) | firecrawl | Extract an existing website's visual system into DESIGN.md, or collect its existing logo, colors, fonts and h… | 138 | 2026-10-22 |
| setup-matt-pocock-skills | mattpocock | Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain… | 303,549 | 2026-10-22 |
| brand-guidelines | anthropic | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having… | 183,845 | 2026-10-09 |
| frontend-design | anthropic | Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps… | 183,845 | 2026-10-09 |
| apple-design | emilkowalski | Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or… | 49,715 | 2026-10-11 |
| mobile-native | emilkowalski | Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browse… | 49,715 | 2026-10-11 |
| figma-code-connect-components | openai | Connects Figma design components to code components using Code Connect mapping tools. Use when user says "cod… | 28,310 | 2026-09-08 |
Skills from the same repository first, then others for this job by repository stars. Figures are from each repository when we last read it.
Common questions about firecrawl-website-design-clone
- What does firecrawl-website-design-clone do?
- Extracts a website's design system into an agent-ready DESIGN.md file using Firecrawl scrape evidence. Users can obtain colors, fonts, spacing, components, layout patterns, or brand/UI guidance to create new websites, clone a look, or build inspired pages.
- How do I install firecrawl-website-design-clone?
- Run npx skills add firecrawl/skills. The skills installer reads the repository’s own structure, so it works for any repository of agent skills.
- Who publishes firecrawl-website-design-clone?
- firecrawl. It is named as the official skill of firecrawl.
- Is firecrawl-website-design-clone maintained, and what licence does it use?
- Its repository has 138 GitHub stars and its state in our directory is listed. Its last commit we recorded was on 2026-10-22. The repository declares the ISC licence.
More agent skills for design
- ai-product-photographyby 101-skills
- app-store-screenshotsby 101-skills
- email-designby 101-skills
- landing-page-designby 101-skills
- product-photographyby 101-skills
- social-media-carouselby 101-skills