Community코딩 & 개발github.com

hayakiw/claude-code-skills-mdd

모키업 기반 개발(MDD)을 위한 ClaudeCode 스킬입니다.

claude-code-skills-mdd란 무엇인가요?

이 스킬은 Claude Code 환경에서 모키업 기반 개발(MDD, Mockup-Driven Development) 워크플로우를 지원합니다. 개발자나 AI 에이전트 사용자가 UI 모키업을 바탕으로 코드를 생성하거나 리팩터링할 때, 정해진 단계와 규칙에 따라 일관성 있게 작업할 수 있도록 돕습니다. 주로 Claude Code 플랫폼에서 사용되며, 사용자는 모키업 이미지나 설명을 입력하면 스킬이 자동으로 UI 컴포넌트 구조, 스타일, 로직을 분석하여 적절한 코드를 제안하거나 생성합니다. 이 스킬은 반복적인 수동 작업을 줄이고 시각적 설계에서 바로 실행 가능한 코드로의 전환을 간소화하여 개발 생산성을 높이는 데 유용합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add hayakiw/claude-code-skills-mdd

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

문서

claude-code-skills-mdd은(는) 무엇을 하나요?

모키업 기반 개발(MDD)을 위한 ClaudeCode 스킬입니다.

관련 스킬