Firecrawl Website Design Clone
firecrawl/firecrawl-workflowsYou can capture the design system of any website. This includes colors, fonts, spacing, and key components. The result is a clear DESIGN.md file that AI agents can use.
The tool uses Firecrawl to scrape the website in two ways. First, it gets structured branding data. Second, it takes a full-page screenshot. Both are saved locally so the design file can reference them.
This skill helps anyone who wants to clone a website's look. It is useful for designers and developers. AI agents can build new pages inspired by the original design.
Add Firecrawl Website Design Clone skill to your workflow
Global
mkdir -p ~/.claude/skills/firecrawl-website-design-cloneProject
mkdir -p .claude/skills/firecrawl-website-design-cloneSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready