Skill do Claude Code que extrai sistemas de design de sites ativos. Usa o Firecrawl MCP para raspar marca, tokens CSS e tipografia, gerando propriedades personalizadas CSS, JSON do Style Dictionary, um relatório de análise e uma página de visualização.
Esta skill do Claude Code permite que desenvolvedores extraiam automaticamente sistemas de design de qualquer site ativo. Ela é especialmente útil para engenheiros de front-end, designers de sistemas de design e desenvolvedores que precisam analisar ou reutilizar padrões de design existentes. A skill utiliza o Firecrawl MCP (Model Context Protocol) para navegar e raspar o site alvo, identificando elementos de branding (cores, fontes), tokens CSS (variáveis CSS personalizadas) e regras de tipografia. Em seguida, ela processa esses dados para gerar diversos artefatos: propriedades CSS personalizadas padronizadas, um arquivo JSON compatível com o Style Dictionary (ferramenta de Design Tokens da Amazon), um relatório de análise detalhado em Markdown e uma página HTML de visualização interativa. Funciona exclusivamente no ambiente do Claude Code, integrando-se ao ecossistema MCP para acessar as ferramentas de scraping. A saída é estruturada e pronta para uso em projetos de front-end, eliminando a necessidade de inspeção manual de CSS e acelerando a adoção ou replicação de sistemas de design.
npx skills add david-lai-jpg/design-system-extractor-skillInstalled? Explore more Pesquisa e Análise de Dados skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →
Skill do Claude Code que extrai sistemas de design de sites ativos. Usa o Firecrawl MCP para raspar marca, tokens CSS e tipografia, gerando propriedades personalizadas CSS, JSON do Style Dictionary, um relatório de análise e uma página de visualização.
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.