(주)내츄럴굿띵스 · 2026.03 – 현재
Rocky – 한국어 중심 AI 에이전트 플랫폼 프론트엔드·디자인 시스템 재구축과 런칭 영상
AI 에이전트 플랫폼의 프론트엔드를 shadcn/ui 디자인 시스템으로 재구축하고 런칭 영상까지 제작
개요
누구나 웹에서 AI 에이전트를 만들고 다룰 수 있는 한국어 중심 AI 비서 플랫폼입니다. (주)내츄럴굿띵스 의뢰로 사내 AX 업무용 AI 비서로 개발해 현재 고객사에서 실사용 중입니다.
배경
문제
데모가 아닌 실제 업무에 쓰는 AI 비서를 만들기 위해, 일관된 화면과 브랜드로 제품 완성도를 높여야 했습니다.
주요 작업
- 기존 프론트엔드를 전부 새로 작성해 shadcn/ui + Tailwind CSS 디자인 시스템으로 재구축
- OKLCH 컬러 토큰 기반 라이트·다크 테마와 공용 UI 프리미티브 26개 설계
- 로고, 앱 아이콘, 로딩 화면 모션그래픽, 생성형 AI(Kling)로 만든 런칭·데모 영상까지 브랜드 자산 직접 제작
성과
- 고객사 실사용 중
(주)내츄럴굿띵스 사내 AX 업무용 AI 비서로 실제 사용되고 있습니다.
- 공용 UI 프리미티브 26개
OKLCH 토큰 기반 라이트·다크 테마와 26개의 공용 컴포넌트로 디자인 시스템을 다시 세웠습니다.
핵심 기능
- 01
AI 에이전트 만들기
웹에서 누구나 AI 에이전트를 만들고 업무에 맞게 다룰 수 있습니다.
- 02
런칭·데모 영상
생성형 AI 도구로 런칭 영상과 제품 데모 영상을 직접 기획하고 제작했습니다.
화면
링크
