CommunityPesquisa e Análise de Dadosgithub.com

david-lai-jpg/design-system-extractor-skill

Claude Code skill that extracts design systems from live websites. Uses Firecrawl MCP to scrape branding, CSS tokens, and typography, then outputs structured CSS custom properties, Style Dictionary JSON, an analysis report, and a visual preview page.

O que é design-system-extractor-skill?

design-system-extractor-skill is a Claude Code agent skill that claude Code skill that extracts design systems from live websites. Uses Firecrawl MCP to scrape branding, CSS tokens, and typography, then outputs structured CSS custom properties, Style Dictionary JSON, an analysis report, and a visual preview page.

Funciona comClaude Code~Codex CLI~Cursor
npx skills add david-lai-jpg/design-system-extractor-skill

Installed? Explore more Pesquisa e Análise de Dados skills: obra/superpowers, affaan-m/quarkus-verification, affaan-m/uspto-database · View all 6 →

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que design-system-extractor-skill faz?

Claude Code skill that extracts design systems from live websites. Uses Firecrawl MCP to scrape branding, CSS tokens, and typography, then outputs structured CSS custom properties, Style Dictionary JSON, an analysis report, and a visual preview page.

Habilidades Relacionadas