OneUi은(는) 무엇을 하나요?
Vue 3 기반 관리자 프레임워크 — AI 네이티브 페이지 생성, shadcn 워크플로우, Soybean 미학, Forge 모드
개요
OneUi는 Vue 3와 shadcn/vue 컴포넌트를 기반으로 한 관리자 프레임워크입니다. SoybeanAdmin의 심미적 디자인을 계승하면서, AI 기반 페이지 생성을 위한 Forge 모드를 제공합니다.
주요 기능
- shadcn/vue 통합: 일관된 디자인 시스템과 컴포넌트 라이브러리
- Soybean 미학: 우아하고 현대적인 UI 디자인
- Forge 모드: AI 에이전트가 템플릿과 컨텍스트를 바탕으로 페이지를 자동 생성
- Vue 3 + TypeScript: 타입 안전성과 최신 Vue 생태계 활용
설치
npx degit cwen0708/OneUi my-admin
cd my-admin
pnpm install
pnpm dev
사용법
기본 페이지 생성
AI 에이전트에게 다음과 같이 요청하세요:
"OneUi 프레임워크를 사용하여 사용자 관리 페이지를 생성해줘."
Forge 모드
Forge 모드는 AI가 페이지 구조, 컴포넌트, 라우트를 자동으로 생성합니다.
pnpm forge "사용자 CRUD 페이지"
디렉토리 구조
src/
components/ # shadcn/vue 컴포넌트
pages/ # 생성된 페이지
layouts/ # 레이아웃 템플릿
router/ # 라우트 설정
stores/ # Pinia 스토어
지원 환경
- Node.js >= 18
- pnpm >= 8
- Vue 3 + TypeScript