Communitygithub.com

Kargatharaakash/website-design-systems-mcp

모든 웹사이트의 디자인 시스템을 추출하여 AI에서 바로 사용 가능한 skill.md 파일로 생성

website-design-systems-mcp란 무엇인가요?

이 스킬은 웹사이트 URL을 받아 해당 사이트의 전체 디자인 시스템을 자동으로 추출한 후 AI 에이전트(예: Claude Code)가 즉시 활용할 수 있는 표준화된 SKILL.md 파일로 변환합니다. 개발자가 디자인 시스템 문서화에 들이는 시간을 크게 줄여주며, Cursor, Codex, Claude Code 등 다양한 AI 코딩 도구와 호환됩니다. 웹사이트의 CSS 변수, 타이포그래피, 색상 팔레트, 레이아웃 그리드 등을 파싱하여 구조화된 Markdown 형태로 출력하므로 손쉽게 프롬프트에 포함하거나 AI 에이전트에 주입할 수 있습니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add Kargatharaakash/website-design-systems-mcp

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

website-design-systems-mcp은(는) 무엇을 하나요?

어떤 웹사이트든 디자인 시스템을 추출하여 AI에서 바로 사용 가능한 skill.md 파일로 생성합니다.

관련 스킬