Skip to content
Kitbay
Submit

design

MITUpdated on Nov 6, 2026258GitHub stars

A workflow skill from Firecrawl's Claude plugin that turns a reference website's look into a DESIGN.md file a developer can build from.

What the skill teaches

A workflow skill from Firecrawl's Claude plugin that turns a reference website's look into a DESIGN.md file a developer can build from. The agent captures pages with branding data, markdown and full-page screenshots, inspects the screenshots, and records colour roles, typography, spacing, borders, shadows, components, section order and imagery, each tied to evidence. It separates measured values from estimates and adapts guidance to the user's tech stack. It runs through Firecrawl's hosted MCP server, which the plugin configures, and needs a connected Firecrawl account.

Capabilities

  • Extract a website's design tokens
  • Capture full-page screenshots for reference
  • Document layout and component patterns
  • Write an implementation-ready DESIGN.md