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 아이콘 생성 및 반응형 레이아웃 도구 포함
클로드 디자인: AI UI/UX 아키텍트. 스크린샷을 React, Figma 컴포넌트, Tailwind CSS 생성기로 변환합니다. 프로토타이핑 에이전트, 디자인 시스템, 와이어프레임 렌더러 기능을 제공합니다. SVG 아이콘 크리에이터, 다크 모드 토글, 반응형 레이아웃 도구 등을 포함하며, 프론트엔드 코드 내보내기, shadcn/ui 통합, 벡터 애셋, 브랜딩 어시스턴트를 지원합니다.
AI 자동 생성 콘텐츠
본 콘텐츠는 GitHub AI Coding Assistants의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기4