Communitygithub.com

educlopez/ui-craft

AI 에이전트를 위한 디자인 엔지니어링 스킬 — 장인 수준의 품질로 인터페이스를 구축합니다.

ui-craft란 무엇인가요?

이 스킬은 AI 에이전트(예: Claude Code, Cursor 등)가 UI 디자인과 엔지니어링을 장인 정신에 기반한 높은 품질로 수행할 수 있도록 지원합니다. 사용자 경험과 시각적 디테일을 중시하며, 컴포넌트 기반 설계와 일관된 스타일 시스템을 통해 견고하고 미학적인 인터페이스를 구축하는 데 초점을 맞춥니다. React, Vue 등 주요 프레임워크와 통합될 수 있으며, 디자인 시스템 구축, 반응형 레이아웃, 접근성, 애니메이션 처리에 대한 지침을 제공합니다. 이 스킬은 AI가 단순히 코드를 생성하는 것을 넘어, 실제 제품 수준의 UI를 구현할 수 있게 하여 개발 생산성과 결과물의 퀄리티를 동시에 향상시킵니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add educlopez/ui-craft

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

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

문서

ui-craft은(는) 무엇을 하나요?

AI 에이전트를 위한 디자인 엔지니어링 스킬 — 장인 수준의 품질로 인터페이스를 구축합니다.

관련 스킬