ahai66666/text-to-ui-monorepo

text-to-ui-monorepo은(는) 무엇을 하나요?

HarmonyOS PC 텍스트-UI 모노레포: 공유 토큰, 컴포넌트 계약, HTML/React/Vue 어댑터, Pixso 매핑 및 Codex Skill

개요

이 모노레포는 HarmonyOS PC 환경에서 텍스트 설명을 UI 코드로 변환하는 시스템을 제공합니다. 디자인 시스템의 일관성을 유지하면서 다양한 프레임워크를 지원합니다.

주요 기능

• 공유 디자인 토큰: 색상, 타이포그래피, 간격 등 디자인 기본 요소를 중앙에서 관리
• 컴포넌트 계약: 모든 어댑터에서 동일한 인터페이스를 보장하는 컴포넌트 정의
• 프레임워크 어댑터:
  • HTML 어댑터
  • React 어댑터
  • Vue 어댑터
• Pixso 매핑: Pixso 디자인 도구와의 연동을 위한 매핑 정보
• Codex Skill: AI 에이전트(예: Claude Code, Cursor, Codex)가 이 모노레포의 규칙을 이해하고 UI 코드를 생성할 수 있도록 하는 Skill 정의

사용 방법

# 저장소 클론
git clone https://github.com/ahai66666/text-to-ui-monorepo
cd text-to-ui-monorepo

# 의존성 설치
pnpm install

# 빌드
pnpm build

프로젝트 구조

text-to-ui-monorepo/
├── packages/
│   ├── tokens/          # 공유 디자인 토큰
│   ├── contracts/       # 컴포넌트 계약
│   ├── adapter-html/    # HTML 어댑터
│   ├── adapter-react/   # React 어댑터
│   ├── adapter-vue/     # Vue 어댑터
│   └── pixso-mapping/   # Pixso 매핑
├── skills/
│   └── codex-skill/     # Codex Skill 정의
└── README.md

라이선스

MIT