Claude Code Design AI (mikesheehan54/Claude-Code-Design-AI)

요약

Claude Code Design AI는 스크린샷을 React, Figma 컴포넌트, Tailwind CSS 코드로 변환해주는 AI UI/UX 아키텍트 도구입니다. 프로토타이핑 에이전트와 디자인 시스템 구축 기능을 통해 와이어프레임 렌더링부터 프론트엔드 코드 내보내기까지 지원합니다.

핵심 포인트

• 스크린샷을 기반으로 React 및 Tailwind CSS 코드 자동 생성
• Figma 컴포넌트 변환 및 shadcn/ui 통합 지원
• 프로토타이핑 에이전트 및 와이어프레임 렌더러 기능 제공
• SVG 아이콘 생성 및 반응형 레이아웃 도구 포함