← ClaudeAtlas

lynx-api-docslisted

Provides authoritative guidance for Lynx development involving pages, templates, components, CSS, layouts, elements, web migration, rendering or styling bugs, and code review. Applies to *.ttml, Lynx *.tsx, and all Lynx-specific files, and requires searching the installed API docs before acting.
sehyun0518/agent · ★ 0 · Web & Frontend · score 59
Install: claude install-skill sehyun0518/agent
> **📚 Lynx 레퍼런스.** Lynx 개발 레퍼런스입니다 — 요소·CSS·레이아웃·패턴·예제, 그리고 웹과의 차이. > 규칙 팩이 아니라 조회 자료라 `reactlynx-best-practices`·`vanilla-lynx`와 **함께** > 씁니다. 웹 React나 React Native 프로젝트에는 해당하지 않습니다. <!-- vendored:begin --> # Using Lynx API Docs ## Overview **Pre-training knowledge is insufficient for Lynx.** Lynx is a rendering platform (like a browser) with its own elements, non-standard CSS behavior, unique layout systems, and web-incompatible defaults. Always retrieve from the installed API docs before writing or modifying Lynx page code. ## Core Rule **MUST ALWAYS read the relevant API docs BEFORE writing or editing any Lynx code.** Do not rely on web CSS knowledge. Do not assume standard HTML behavior. Do not guess element APIs. Lynx is a distinct platform with its own rules. ## Why Web Knowledge Fails Lynx is **not** a web browser. Web assumptions produce broken Lynx code: - **Elements**: `<view>`, `<text>`, `<image>` — not `<div>`, `<span>`, `<img>` - **CSS defaults**: `border-box`, no margin collapsing, Linear layout (not Flow) - **Properties**: Many CSS properties are unsupported or behave differently — always check `css/` docs **Every web assumption is a potential bug.** ## How to Use the Docs 1. Identify what you're working on (layout, CSS, element, migration, pattern) 2. Look up the relevant doc file from the table below 3. **Read the doc BEFORE writing or editing code** 4. Apply the rules and constraints from the doc 5. If uncertain, search the `elements/` or `css