design
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
Überblick
- Herausgeber
- Firecrawl
- Tool
- Firecrawl
Funktioniert mit
Installation
- Führe diesen Befehl aus, um ihn zu Claude Code hinzuzufügen:
/plugin marketplace add firecrawl/firecrawl-claude-plugin
- Führe diesen Befehl aus, um ihn zu Claude Code hinzuzufügen:
/plugin install firecrawl@firecrawl
MCP-Server und Skills können Code auf deinem Rechner ausführen und auf deine Daten zugreifen. Prüfe den Quellcode, bevor du etwas installierst.
Details
| Angabe | Wert | Quelle |
|---|---|---|
| Typ | Skill | |
| Tool | Firecrawl | |
| Herausgeber | Firecrawl | Quelle |
| Offizieller Status | Offiziellpublished in Firecrawl's own GitHub organisation (firecrawl); manifest or licence names Firecrawl as author | Quelle |
| Braucht API-Key oder Anmeldung | In der Dokumentation nicht angegeben | |
| Enthält Skripte | Nein | Quelle |
| Plattformen | In der Dokumentation nicht angegeben | |
| KI-Clients | Claude Code | Quelle |
| Lizenz | MIT | Quelle |
| Preis | In der Dokumentation nicht angegeben | |
| Aktivität | Letzter Commit am 6. Nov. 2026258 GitHub-SterneKeine Download-Daten verfügbar (nicht auf npm oder PyPI) | Quelle |
| Links | Repository Website |
Quellen
- README (README.md)github.com/firecrawl/firecrawl-claude-plugin · Belegt: KI-Clients13. Nov. 2026
- Skill-Datei (SKILL.md)github.com/firecrawl/firecrawl-claude-plugin10. Nov. 2026
- Lizenzdatei (LICENSE)github.com/firecrawl/firecrawl-claude-plugin · Belegt: Lizenz13. Nov. 2026
- GitHub-Repositorygithub.com/firecrawl/firecrawl-claude-plugin · Belegt: Offizieller Status, Herausgeber, Aktivität, Lizenz11. Nov. 2026
- Ordner im Repository (design)github.com/firecrawl/firecrawl-claude-plugin · Belegt: Enthält Skripte10. Nov. 2026