Skill Lynx Ui

---
name: lynx-ui
description: Use when building with lynx-ui: select components, verify public APIs, adapt examples, configure Luna themes, choose motion packages, compose screens, or troubleshoot lynx-ui usage.
---

# lynx-ui

Use the smallest relevant reference set.

## Workflow

1. Route the task:
   - Component selection: `references/component-overview.md`
   - Setup or troubleshooting boundaries: `references/foundation.md`
   - Luna themes and tokens: `references/theming-and-tokens.md`
   - Animation choice: `references/motion.md`
   - Common component combinations: `references/component-composition.md`
2. After selecting a component, inspect:
   - `references/components/<component>/guide.md` when available
   - `references/components/<component>/api.md` for exact public props, methods, and exports
   - `references/components/<component>/examples.md` for implementation patterns
3. Load additional component references only for components used by the task.

## Rules

- Import from `@lynx-js/lynx-ui` unless the API reference requires a package-specific import.
- Preserve documented component composition and state handling.
- Verify props, methods, and exports in `api.md`.
- Treat examples as usage patterns; verify their APIs in `api.md`.
- Report missing coverage instead of guessing.