Claude Code Skill zum Extrahieren von Design-Systemen aus Live-Websites. Nutzt Firecrawl MCP zum Scrapen von Branding, CSS-Tokens und Typografie und erzeugt strukturierte CSS Custom Properties, Style Dictionary JSON, einen Analysebericht sowie eine visuelle Vorschauseite.
Dieses Skill für Claude Code ermöglicht es Entwicklern, Design-Systeme direkt aus Live-Websites zu extrahieren. Mithilfe des Firecrawl MCP Tools werden Branding-Elemente, CSS-Tokens (Custom Properties) und Typografie-Regeln der Zielseite erfasst und strukturiert ausgegeben. Der Output umfasst sowohl eine CSS-Datei mit konsistenten Custom Properties als auch ein maschinenlesbares JSON-Format gemäß des Style Dictionary Standards. Zusätzlich wird ein detaillierter Analysebericht erstellt, der die extrahierten Komponenten bechreibt, sowie eine visuelle Vorschauseite, die die Tokens und deren Anwendung direkt im Browser darstellt. Das Skill unterstützt so die schnelle Dokumentation, Portierung oder Vereinheitlichung von Design-Systemen über verschiedene Projekte und Frameworks hinweg. Plattform: Claude Code (Firecrawl MCP vorausgesetzt).
npx skills add david-lai-jpg/design-system-extractor-skillInstalled? Explore more Recherche & Datenanalyse skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →
Claude Code Skill zum Extrahieren von Design-Systemen aus Live-Websites. Nutzt Firecrawl MCP zum Scrapen von Branding, CSS-Tokens und Typografie und erzeugt strukturierte CSS Custom Properties, Style Dictionary JSON, einen Analysebericht sowie eine visuelle Vorschauseite.
USPTO patent and trademark data workflow for official record lookup, PatentSearch queries, TSDR checks, assignment data, and reproducible IP research logs.
Structured scholarly-work evaluation for papers, proposals, literature reviews, methods sections, evidence quality, citation support, and research-writing feedback.
Systematic literature-review workflow for academic, biomedical, technical, and scientific topics, including search planning, source screening, synthesis, citation checks, and evidence logging.
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Agent skill repository discovered by 10x-chat research.
Review backend code for quality, security, maintainability, and best practices based on established checklist rules. Use when the user requests a review, analysis, or improvement of backend files (e.g., `.py`) under the `api/` directory. Do NOT use for frontend files (e.g., `.tsx`, `.ts`, `.js`). Supports pending-change review, code snippets review, and file-focused review.