# Lynx UI

> 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.

- Skill: `lynx-community/lynx-ui` (Agent Skill, multi-file: 59 files)
- Install (CLI): `npx skillmds add lynx-community/lynx-ui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lynx-community/lynx-ui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: lynx-community (https://skillmd.com/u/lynx-community)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/lynx-community/lynx-ui

---


# 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.