Communitygithub.com

minsu42/claude-skill-design-md

Claude Code 기술로, 스크린샷을 google-labs-code/design.md 사양에 따라 자동으로 DESIGN.md를 생성합니다.

claude-skill-design-md란 무엇인가요?

이 기술은 Claude Code 사용자가 애플리케이션의 스크린샷을 기반으로 DESIGN.md를 자동 생성할 수 있게 해줍니다. Google Labs의 design.md 사양을 따르며, 개발자가 수동으로 작성해야 했던 디자인 문서를 빠르고 일관되게 만들 수 있습니다. 주로 Claude Code 플랫폼에서 사용되며, 스크린샷을 입력하면 AI가 ui 렌더링 요소, 상태 전환, 상호작용 흐름 등을 분석하여 구조화된 마크다운 문서를 출력합니다. 이는 개발 워크플로우에서 디자인 문서화를 간소화하여 시간을 절약하고 표준화된 형식을 유지할 수 있도록 도와줍니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add minsu42/claude-skill-design-md

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

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

문서

claude-skill-design-md은(는) 무엇을 하나요?

Claude Code 기술로, 스크린샷을 google-labs-code/design.md 사양에 따라 자동으로 DESIGN.md를 생성합니다.

소스: https://github.com/minsu42/claude-skill-design-md

Awesome Skills 일일 스킬 헌터가 발견했습니다.

관련 스킬