do-ui은(는) 무엇을 하나요?
Claude Code의 슬래시 명령어 하나로 애니메이션 기반 Next.js 사이트를 스캐폴딩하며, 토큰 효율적인 컴포넌트 카탈로그와 엄격한 스타일 제한을 제공합니다.
개요
이 스킬을 사용하면 복잡한 초기 설정 없이 바로 애니메이션이 포함된 Next.js 프로젝트를 만들 수 있습니다. 사전 정의된 컴포넌트들을 조합하여 빠르게 프로토타입을 구축하고, 일관된 스타일 규칙을 유지하도록 도와줍니다.
주요 기능
- 슬래시 명령어 기반: Claude Code에서
/do-ui명령어로 바로 실행 가능 - 애니메이션 포함: 사전 구성된 애니메이션 시스템으로 동적인 UI 생성
- 토큰 효율적 컴포넌트: AI 에이전트의 컨텍스트 사용을 최적화한 컴포넌트 카탈로그
- 스타일 제한: 허용된 스타일만 사용하도록 강제하여 일관성 유지
사용 방법
Claude Code 프롬프트에서 다음 명령어를 입력하세요:
/do-ui
그러면 자동으로 Next.js 프로젝트가 스캐폴딩되고 애니메이션 컴포넌트가 포함된 기본 페이지가 생성됩니다.
지원 환경
- Claude Code (CLI)
- Next.js (App Router 기반)
- Node.js 18 이상
라이선스
이 프로젝트는 MIT 라이선스를 따릅니다.