design-system-extractor-skill은(는) 무엇을 하나요?
라이브 웹사이트에서 디자인 시스템을 추출하는 Claude Code 스킬입니다. Firecrawl MCP를 사용하여 브랜딩, CSS 토큰, 타이포그래피를 스크래핑한 후, 구조화된 CSS 사용자 속성, Style Dictionary JSON, 분석 보고서, 시각적 미리보기 페이지를 출력합니다.
Claude Code 스킬로, 라이브 웹사이트에서 디자인 시스템을 추출합니다. Firecrawl MCP를 사용하여 브랜딩, CSS 토큰, 타이포그래피를 스크래핑한 후, 구조화된 CSS 사용자 속성, Style Dictionary JSON, 분석 보고서, 시각적 미리보기 페이지를 출력합니다.
이 스킬은 Claude Code 환경에서 동작하며, Firecrawl MCP를 활용하여 실제 운영 중인 웹사이트의 디자인 시스템을 추출합니다. CSS 변수, 타이포그래피, 컬러 팔레트 등 핵심 디자인 토큰을 자동으로 스크래핑하고, 이를 Style Dictionary 호환 JSON, 구조화된 CSS 사용자 속성, 상세 분석 보고서, 시각적 미리보기 페이지 등 여러 형식으로 출력합니다. 개발자는 이 스킬을 통해 기존 웹사이트의 디자인 시스템을 신속하게 파악하고 재사용 가능한 디자인 토큰을 생성할 수 있어, 디자인 시스템 도입이나 마이그레이션 작업에 큰 도움을 줍니다.
npx skills add david-lai-jpg/design-system-extractor-skillInstalled? Explore more 연구 & 데이터 분석 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →
라이브 웹사이트에서 디자인 시스템을 추출하는 Claude Code 스킬입니다. Firecrawl MCP를 사용하여 브랜딩, CSS 토큰, 타이포그래피를 스크래핑한 후, 구조화된 CSS 사용자 속성, Style Dictionary JSON, 분석 보고서, 시각적 미리보기 페이지를 출력합니다.
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.