webpage-to-design-skill은(는) 무엇을 하나요?
모든 웹페이지를 design.md로 변환하는 Claude Skill
출처: https://github.com/xiongxiong1477/webpage-to-design-skill
Awesome Skills 일일 스킬 헌터가 발견했습니다.
모든 웹페이지를 design.md로 변환하는 Claude Skill
이 스킬은 Claude에게 웹페이지 내용을 분석하고 구조화된 design.md 문서로 변환하는 기능을 제공합니다. 웹페이지의 레이아웃, 컴포넌트 구조, 스타일링, 인터랙션, 사용자 흐름 등 디자인 관련 모든 요소를 추출하여 마크다운 포맷으로 정리해줍니다. 주로 Claude Code 환경에서 사용되며, 웹페이지 URL을 입력하면 자동으로 해당 페이지를 분석합니다. 프론트엔드 개발자, UI/UX 디자이너, 제품 관리자 등이 기존 웹사이트의 디자인을 참고하거나 문서화해야 할 때 유용합니다. 추출된 design.md는 팀 내 디자인 시스템 구축, 리버스 엔지니어링, 혹은 새로운 프로젝트의 레퍼런스로 활용될 수 있습니다.
npx skills add xiongxiong1477/webpage-to-design-skill모든 웹페이지를 design.md로 변환하는 Claude Skill
출처: https://github.com/xiongxiong1477/webpage-to-design-skill
Awesome Skills 일일 스킬 헌터가 발견했습니다.
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".