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.
Installs into .claude/skills of the current project.
Are you the author of Skill Lynx Ui?
Add the live security badge to your README. It updates with every re-scan.
[](https://www.skillsdirectory.com/skills/lynx-family-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.
