Zum Inhalt springen
Kitbay

design

MITAktualisiert am 6. Nov. 2026258GitHub-Sterne

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.

Was der Skill vermittelt

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.

Funktionen

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