Community研究與資料分析github.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.

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.

相容平台Claude Code~Codex CLI~Cursor
npx skills add david-lai-jpg/design-system-extractor-skill

Installed? Explore more 研究與資料分析 skills: obra/superpowers, affaan-m/quarkus-verification, affaan-m/uspto-database · View all 6 →

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

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.

相關技能