extract-design-system은(는) 무엇을 하나요?
공개 웹사이트에서 디자인 기본 요소를 추출하고 프로젝트의 스타터 토큰 파일을 생성합니다.
공개 웹사이트에서 디자인 기본 요소를 추출하고 프로젝트의 스타터 토큰 파일을 생성합니다.
이 스킬은 공개 웹사이트를 분석하여 컬러, 타이포그래피, 간격 등의 디자인 기본 요소(Design Primitives)를 자동으로 추출합니다. 추출된 데이터를 바탕으로 프로젝트에서 바로 사용할 수 있는 디자인 토큰 파일(예: CSS 변수, JSON, YAML 형식)을 생성해 줍니다. 디자이너와 개발자 간의 협업을 원활하게 하고, 일관된 디자인 시스템 구축의 시작점을 제공하는 데 유용합니다. Claude Code, Cursor, Codex 등 다양한 AI 에이전트 플랫폼에서 사용할 수 있으며, 사용자는 대상 웹사이트 URL만 제공하면 됩니다. 이 스킬은 수동으로 디자인을 분석하고 토큰을 작성하는 번거로운 작업을 자동화하여 개발 생산성을 크게 향상시킵니다.
npx skills add https://github.com/arvindrk/extract-design-system/tree/main/skills/extract-design-system공개 웹사이트에서 디자인 기본 요소를 추출하고 프로젝트의 스타터 토큰 파일을 생성합니다.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".