Skills

Using Lynx API Docs

Provides authoritative guidance for Lynx development involving pages, templates...

Install

npx skills add lynx-family/lynx --skill using-lynx-api-docs -g -a claude-code -y
Repository
lynx-family/lynx15.2k
Category
Design
Updated
3d ago
License
Apache-2.0
Context cost
Lightabout 782 tokens
Runs scripts
No, instructions only

What it does

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.

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: box-sizing: auto normally uses border-box sizing; 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/ directories

Quick Reference

Read the whole SKILL.md on GitHub

More in Design