Docs

저장소 docs/system 문서를 그대로 표시합니다. 원본은 저장소가 소유하며 이 화면은 읽기 전용입니다.

시작

시스템 전체를 이해하는 데 먼저 읽는 문서입니다.

상호작용 규칙

모든 공용 컴포넌트가 공유하는 Focus, Disabled, Read-only와 Style·Layout 기본값이다.

읽기

품질 기준

공용 자산이 충족해야 하는 조건이다. 작업자의 기억이나 반복적인 핸드오프에 의존하지 않고 검증 가능한 기준으로 유지한다.

읽기

ooee UI 시스템

oe semantic token과 공용 컴포넌트·패턴으로 구성된 UI 시스템이다. 이 디렉터리는 시스템에 무엇이 있고, 각각이 어떤 정의이며, 어떤 목적으로 써야 하는지만 다룬다.

읽기

Studio 검수 기준

apps/studio는 공용 자산을 화면 맥락에서 구현하고 검수하는 애플리케이션이며 그 자체가 전달 대상 자산이다. 컴포넌트를 찾아보고 확인하는 표준 채널이 이 Studio다. Storybook은 두지 않기로 했다(2026-09-18, docs/process/ai-environment.md). 이 문서는 Studio 화면을 구성하는 기준이다.

읽기

토큰 체계

oe는 ooee가 확정한 semantic decision의 이름이다. 실제 색상 값과 Light/Dark 매핑은 foundations/color.md, 실행 가능한 생성 규칙의 원본은 packages/tokens/src/index.ts다.

읽기

UX writing

화면에 나가는 문구를 어떻게 적는지 정한다. 무엇을 적을지는 서비스가 소유하며, 이 문서는 같은 뜻을 적을 때 갈라지지 않아야 하는 표기와 문장 형태만 다룬다.

읽기

구조 용어

컴포넌트의 구성 요소를 부르는 공통 이름이다. 코드 export, Component 문서, Anatomy 범례와 Property 제목에서 같은 용어를 사용하며 임의의 동의어를 섞지 않는다.

읽기

Foundations

색상, 아이콘처럼 모든 자산이 공유하는 기반 결정입니다.

Foundation catalog

Foundation 화면의 1차 목적은 사용법 문서가 아니라 현재 repository가 보유한 기반 자산을 사실대로 표시하는 것이다.

읽기

Color foundation v0

상태: Provisional

읽기

Icon Foundation

상태: 공급원 규칙 확정 / 사용 세부는 Provisional

읽기

Components

각 컴포넌트의 구조, Property, 상태와 사용 규칙입니다.

App Header

packages/ui/src/app-header.tsx

읽기

Badge

packages/ui/src/badge.tsx

읽기

Bottom Navigation

packages/ui/src/bottom-navigation.tsx

읽기

Button

packages/ui/src/button.tsx

읽기

Calendar

packages/ui/src/calendar.tsx

읽기

Checkbox

packages/ui/src/checkbox.tsx

읽기

Chip

packages/ui/src/chip.tsx

읽기

Combobox

packages/ui/src/combobox.tsx

읽기

Field

packages/ui/src/field.tsx

읽기

Input

packages/ui/src/input.tsx

읽기

Input Button

packages/ui/src/input-button.tsx

읽기

MessageBubble

MessageBubble은 VibePrompt Inbox split view 화면에서 추출한 첫 컴포넌트 자산이다. /components/message-bubble은 현재 Chat Workbench로 확장되어 통합 대화, 레이아웃, 콘텐츠, 전달 상태, 날짜, 첨부, 입력, 언어와 테마를 함께 검수한다.

읽기