lynx-ui

star 106

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-family By lynx-family schedule Updated 6/12/2026

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.
Install via CLI
npx skills add https://github.com/lynx-family/lynx-ui --skill lynx-ui
Repository Details
star Stars 106
call_split Forks 10
navigation Branch main
article Path SKILL.md
More from Creator