Claude Code로 만든 관리자 대시보드 사례
Limns Admin은 Claude Code를 거의 전 과정에 써서 만든 반응형 관리자 대시보드입니다. 실제 서비스용 뒷단은 없고, 미리 넣어 둔 로 화면과 기능을 보여주는 전용 예시입니다. 사용한 기술은 16, React 19, v4, Bun입니다.
디자인은 Vercel의 Geist 을 따르고, 밝은 화면과 어두운 화면을 모두 지원합니다. 차트는 bklit 라이브러리로 만들었고, 영역형, 막대형, 도넛형, 퍼널형, 레이더형, 게이지형, 생키, 지도형 차트 등을 포함합니다. Claude Code는 Geist의 디자인 규칙을 v4의 테마 토큰 구조로 바꾸고, 화면 구조, 사이드바, 상단 이동 경로, 차트 연결, 연결, 화면 전환 느낌, 포커스 표시, 대비, 문구 톤까지 구현했습니다.
사람의 역할은 주로 결과를 검토하고 방향을 잡고 피드백을 주는 쪽에 가까웠습니다.
핵심 포인트
- Claude Code가 관리자 대시보드 구현의 대부분을 맡은 사례입니다.
- 16, React 19, v4, Bun으로 만든 전용 프로젝트입니다.
- 실제 서버나 없이 로 화면을 보여줍니다.
- Geist 을 테마 토큰으로 바꿔 밝은 화면과 어두운 화면을 지원했습니다.
- 차트, 내비게이션, 화면 다듬기, 접근성 관련 표시까지 AI가 넓게 도왔습니다.