# SEED Lynx - LLM Reference

Lynx 프레임워크 문서입니다.

## Quick Access

- [전체 문서 (llms-full.txt)](https://seed-design.io/lynx/llms-full.txt): 모든 Lynx 문서를 하나의 파일로

## Documents

- [Accordion](https://seed-design.io/llms/lynx/components/accordion.txt): 관련된 정보 섹션을 접고 펼쳐 화면을 간결하게 구성하는 컴포넌트입니다.
- [Action Button](https://seed-design.io/llms/lynx/components/action-button.txt): 명확한 액션을 쉽게 수행할 수 있도록 돕는 기본 인터랙션 컴포넌트입니다.
- [AppBar](https://seed-design.io/llms/lynx/components/app-bar.txt): 화면 상단에서 현재 화면의 제목과 탐색 액션을 보여주는 내비게이션 바 컴포넌트입니다.
- [Badge](https://seed-design.io/llms/lynx/components/badge.txt): 상태나 속성을 짧은 텍스트로 표시하는 정보성 컴포넌트입니다.
- [Bottom Sheet](https://seed-design.io/llms/lynx/components/bottom-sheet.txt): 화면 하단에서 올라오는 시트 컴포넌트로, 드래그·snap·dismiss 상호작용을 제공합니다.
- [Box](https://seed-design.io/llms/lynx/foundation/layout/box.txt): Box 컴포넌트는 Lynx에서 가장 기초적인 레이아웃 표면을 구성하는 컴포넌트입니다.
- [CLI](https://seed-design.io/llms/lynx/getting-started/cli.txt): Lynx 프로젝트에서 SEED CLI를 사용하는 방법을 안내해요.
- [Callout](https://seed-design.io/llms/lynx/components/callout.txt): 사용자에게 중요한 정보나 팁을 시각적으로 강조하여 전달하는 메시지 컴포넌트입니다.
- [Checkbox](https://seed-design.io/llms/lynx/components/checkbox.txt): 사용자가 여러 옵션 중 하나 이상을 선택할 수 있게 하는 체크박스 컴포넌트입니다.
- [Chip](https://seed-design.io/llms/lynx/components/chip.txt): 사용자가 선택하거나 실행할 수 있는 짧은 값을 표시하는 컴포넌트입니다.
- [Divider](https://seed-design.io/llms/lynx/components/divider.txt): 시각적 구분자로써 역할을 하며, 콘텐츠 간의 구획을 명확히 나누는 데 사용하는 컴포넌트입니다.
- [Feature Flags](https://seed-design.io/llms/lynx/getting-started/feature-flags.txt): SEED를 Lynx에서 사용할 때 권장하는 피쳐 플래그 설정을 안내합니다.
- [HStack](https://seed-design.io/llms/lynx/foundation/layout/h-stack.txt): HStack 컴포넌트는 Lynx에서 자식 요소를 가로 방향으로 쌓는 레이아웃 컴포넌트입니다.
- [Iconography](https://seed-design.io/llms/lynx/foundation/iconography.txt): Lynx 아이콘 패키지를 사용하는 방법을 설명합니다.
- [Installation](https://seed-design.io/llms/lynx/getting-started/installation.txt): Lynx 프로젝트에서 SEED를 설치하고 사용하는 방법을 알아봅니다.
- [KeyboardAvoidingScrollView](https://seed-design.io/llms/lynx/components/keyboard-avoiding-scroll-view.txt): 소프트 키보드가 활성 입력을 가리지 않도록 세로 스크롤 위치와 하단 여백을 조정하는 컴포넌트입니다.
- [Progress Circle](https://seed-design.io/llms/lynx/components/progress-circle.txt): 작업이 진행 중임을 알리거나 작업 시간을 시각적으로 나타내는 데 사용됩니다.
- [RadioGroup](https://seed-design.io/llms/lynx/components/radio-group.txt): 사용자가 여러 옵션 중 하나만 선택할 수 있게 하는 라디오 그룹 컴포넌트입니다.
- [Styling with Tailwind](https://seed-design.io/llms/lynx/foundation/layout/styling.txt): Lynx에서 SEED 디자인 토큰을 Tailwind CSS v3 유틸리티 클래스로 사용하는 방법을 안내합니다.
- [Switch](https://seed-design.io/llms/lynx/components/switch.txt): 특정 옵션이나 설정을 켜거나 끌 수 있도록 돕는 토글 컴포넌트입니다.
- [Tabs](https://seed-design.io/llms/lynx/components/tabs.txt): 한 화면의 콘텐츠를 탭 단위로 구분하고, 탭 선택이나 좌우 스와이프로 전환하는 컴포넌트입니다.
- [Tag Group](https://seed-design.io/llms/lynx/components/tag-group.txt): 텍스트 태그를 수평으로 나열해 여러 속성·상태·메타데이터를 한눈에 보여주는 정보 요약 컴포넌트입니다.
- [Text Field Input](https://seed-design.io/llms/lynx/components/text-field-input.txt): 한 줄 텍스트를 입력받고 Field의 레이블·설명·오류 상태와 조합하는 컴포넌트입니다.
- [Text Field Textarea](https://seed-design.io/llms/lynx/components/text-field-textarea.txt): 여러 줄의 긴 텍스트를 입력받고 자동으로 높이를 조절하는 컴포넌트입니다.
- [Text](https://seed-design.io/llms/lynx/foundation/typography/text.txt): Text 컴포넌트는 Lynx에서 SEED 타이포그래피 토큰을 적용해 텍스트를 렌더링하는 컴포넌트입니다.
- [Theming](https://seed-design.io/llms/lynx/getting-started/theming.txt): Lynx 환경에서 SEED의 테마 시스템을 활용하는 방법을 알아봅니다.
- [VStack](https://seed-design.io/llms/lynx/foundation/layout/v-stack.txt): VStack 컴포넌트는 Lynx에서 자식 요소를 세로 방향으로 쌓는 레이아웃 컴포넌트입니다.
- [useControllableState](https://seed-design.io/llms/lynx/hooks/use-controllable-state.txt): Controlled/uncontrolled 상태 패턴을 지원하는 훅입니다.
- [useIconColor](https://seed-design.io/llms/lynx/hooks/use-icon-color.txt): Lynx image 아이콘의 CSS color를 native tint-color로 동기화하는 훅입니다.
- [usePressTap](https://seed-design.io/llms/lynx/hooks/use-press-tap.txt): Lynx 요소의 press/tap 인터랙션 상태를 관리하는 훅입니다.
- [useSafeArea](https://seed-design.io/llms/lynx/hooks/use-safe-area.txt): Lynx 앱에서 top/bottom safe area inset 값을 가져오는 훅입니다.
- [useSeedClassName](https://seed-design.io/llms/lynx/hooks/use-seed-class-name.txt): root `<page>`에 적용할 테마 className을 반환하고 테마 변경을 구독하는 훅입니다.

## Related Sections

- [React Library](https://seed-design.io/react/llms.txt): React 컴포넌트 라이브러리
- [AI Integration](https://seed-design.io/ai-integration/llms.txt): AI 도구 연동 가이드