# 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): 명확한 액션을 쉽게 수행할 수 있도록 돕는 기본 인터랙션 컴포넌트입니다.
- [Alert Dialog](https://seed-design.io/llms/lynx/components/alert-dialog.txt): 사용자의 확인이 반드시 필요한 경우 강력한 표현 및 경고 수단으로 활용하는 컴포넌트입니다.
- [AppBar](https://seed-design.io/llms/lynx/components/app-bar.txt): 화면 상단에서 현재 화면의 제목과 탐색 액션을 보여주는 내비게이션 바 컴포넌트입니다.
- [Attachment Display Field](https://seed-design.io/llms/lynx/components/attachment-display-field.txt): 외부 소스에서 제공된 미디어를 표시하고 호스트 동작으로 관리하는 컴포넌트입니다.
- [Attachment Field](https://seed-design.io/llms/lynx/components/attachment-field.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 Tabs](https://seed-design.io/llms/lynx/components/chip-tabs.txt): Chip 형태로 표현된 탭 컴포넌트입니다. 카테고리나 필터를 선택하여 콘텐츠를 전환할 때 사용합니다.
- [Chip](https://seed-design.io/llms/lynx/components/chip.txt): 사용자가 선택하거나 실행할 수 있는 짧은 값을 표시하는 컴포넌트입니다.
- [Contextual Floating Button](https://seed-design.io/llms/lynx/components/contextual-floating-button.txt): 화면 위에 떠 있으며 특정 상황에서만 나타나는 보조적인 동작을 위한 버튼입니다.
- [Dialog](https://seed-design.io/llms/lynx/components/dialog.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에서 사용할 때 권장하는 피쳐 플래그 설정을 안내합니다.
- [Field Button](https://seed-design.io/llms/lynx/components/input-button.txt): 입력 필드 형태의 버튼으로, 선택창이나 피커를 열 때 사용합니다. 선택이 완료되면 버튼 라벨에 선택된 값이 표시됩니다.
- [Floating Action Button](https://seed-design.io/llms/lynx/components/floating-action-button.txt): 화면 위에 떠 있으며 주요 액션을 실행하는 버튼입니다.
- [HStack](https://seed-design.io/llms/lynx/foundation/layout/h-stack.txt): HStack 컴포넌트는 Lynx에서 자식 요소를 가로 방향으로 쌓는 레이아웃 컴포넌트입니다.
- [Help Bubble](https://seed-design.io/llms/lynx/components/help-bubble.txt): 사용자에게 컴포넌트의 상태나 특정 기능에 대한 추가 정보를 제공하는 말풍선입니다.
- [Iconography](https://seed-design.io/llms/lynx/foundation/iconography.txt): Lynx 아이콘 패키지를 사용하는 방법을 설명합니다.
- [Identity Placeholder](https://seed-design.io/llms/lynx/components/identity-placeholder.txt): 인물을 표현하는 이미지가 로드되지 않았을 때 보여지는 대체 시각 요소입니다.
- [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): 소프트 키보드가 활성 입력을 가리지 않도록 세로 스크롤 위치와 하단 여백을 조정하는 컴포넌트입니다.
- [List](https://seed-design.io/llms/lynx/components/list.txt): 가로 행으로 구성된 콘텐츠를 표현하는 컴포넌트입니다.
- [Manner Temp Badge](https://seed-design.io/llms/lynx/components/manner-temp-badge.txt): 매너온도를 작은 배지 형태로 표현하는 컴포넌트입니다.
- [Manner Temp](https://seed-design.io/llms/lynx/components/manner-temp.txt): 사용자의 매너온도를 온도와 표정 이미지로 표현하는 컴포넌트입니다.
- [Menu](https://seed-design.io/llms/lynx/components/menu.txt): 사용자가 취할 수 있는 선택지나 액션 리스트를 제공하는 컴포넌트입니다.
- [Page Banner](https://seed-design.io/llms/lynx/components/page-banner.txt): 페이지 상단에서 전체 상태나 중요한 메시지를 전달하는 상위 레벨 메시지 컴포넌트입니다.
- [Progress Circle](https://seed-design.io/llms/lynx/components/progress-circle.txt): 작업이 진행 중임을 알리거나 작업 시간을 시각적으로 나타내는 데 사용됩니다.
- [Quantity Picker](https://seed-design.io/llms/lynx/components/quantity-picker.txt): 정수 단위의 수량을 늘리거나 줄일 때 사용하는 컴포넌트입니다.
- [Radio Group](https://seed-design.io/llms/lynx/components/radio-group.txt): 사용자가 여러 옵션 중 하나만 선택할 수 있게 하는 라디오 그룹 컴포넌트입니다.
- [Reaction Button](https://seed-design.io/llms/lynx/components/reaction-button.txt): 사용자가 콘텐츠에 대한 반응을 표현할 수 있게 해주는 컴포넌트입니다. 좋아요, 관심있어요 등의 감정적 피드백을 간편하게 제공할 때 사용됩니다.
- [Result Section](https://seed-design.io/llms/lynx/components/result-section.txt): 데이터 로딩 결과, 사용자의 액션 완료 여부 등 사용자 액션의 결과를 제공하는 템플릿입니다. 주로 전체 화면이나 특정 영역을 차지하여 다음 액션을 유도하거나 현재 상황을 안내합니다.
- [Scale Feedback](https://seed-design.io/llms/lynx/components/concepts/scale-feedback.txt): Lynx에서 Main Thread 기반의 SEED Scale Feedback을 적용하는 방법을 알아봅니다.
- [Scroll Fog](https://seed-design.io/llms/lynx/components/scroll-fog.txt): 스크롤 가능한 영역에서 사용자에게 추가 콘텐츠가 있음을 시각적으로 알려주는 힌트 역할을 합니다.
- [Segmented Control](https://seed-design.io/llms/lynx/components/segmented-control.txt): 여러 옵션 중 하나를 선택하여 관련 콘텐츠를 즉시 필터링하거나 전환할 때 사용하는 컴포넌트입니다.
- [Select Box](https://seed-design.io/llms/lynx/components/select-box.txt): 명확한 테두리를 가진 컨테이너를 활용하여, 정의된 목록 중 하나 이상의 옵션을 선택하는 UI 요소입니다.
- [Select](https://seed-design.io/llms/lynx/components/select.txt): 트리거를 눌러 native overlay의 목록에서 값을 선택하는 컴포넌트입니다.
- [Skeleton](https://seed-design.io/llms/lynx/components/skeleton.txt): 콘텐츠가 로딩되는 동안 이후 나타날 요소의 윤곽을 미리 보여주어 로딩 시간을 짧게 느끼게 하는 UI 요소입니다.
- [Slider](https://seed-design.io/llms/lynx/components/slider.txt): 지정된 범위에서 하나 또는 두 개의 값을 선택하는 슬라이더 컴포넌트입니다.
- [Swipeable Menu Sheet](https://seed-design.io/llms/lynx/components/swipeable-menu-sheet.txt): 사용자 작업에 관련된 선택지를 화면 하단의 드래그 가능한 시트로 제공합니다.
- [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): 텍스트 태그를 수평으로 나열해 여러 속성·상태·메타데이터를 한눈에 보여주는 정보 요약 컴포넌트입니다.
- [Tailwind CSS 3](https://seed-design.io/llms/lynx/getting-started/styling/tailwind-css-3.txt): Lynx에서 Tailwind CSS v3와 SEED 디자인 토큰을 사용하는 방법을 안내합니다.
- [Tailwind CSS 4](https://seed-design.io/llms/lynx/getting-started/styling/tailwind-css-4.txt): Lynx에서 Tailwind CSS v4를 사용하기 위한 PostCSS 설정과 호환성 제한을 안내합니다.
- [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/styling/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 도구 연동 가이드