mcpField
L
lynx-ui

lynx-ui

github.com/lynx-communityDevelopment28293 installsUpdated 1d ago
Repository

About lynx-ui

lynx-ui is a development skill for users of @lynx-js/lynx-ui. It routes component tasks to focused references and emphasizes verifying APIs rather than guessing when documentation is missing.

Key features

  1. 01Route tasks to relevant references
  2. 02Review component guides, APIs, and examples
  3. 03Load references only for used components
  4. 04Report gaps instead of guessing

Use cases

  1. 01Choose components for an interface task
  2. 02Verify component props, methods, and exports
  3. 03Use examples while checking actual APIs
  4. 04Handle missing component documentation

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/lynx-community/skills --skill lynx-ui

After installing, type/lynx-uiin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

LICENSE
README.md
evals/
evals.json
trigger_eval.json
references/
component-composition.md
component-overview.md
references/components/button/
api.md
examples.md
guide.md
references/components/checkbox/
api.md
examples.md
references/components/deferred-component/
api.md
examples.md
guide.md
references/components/dialog/
api.md
examples.md
guide.md
references/components/draggable/
api.md
examples.md
references/components/feed-list/
api.md
examples.md
guide.md
references/components/form/
api.md
examples.md
references/components/input-otp/
api.md
examples.md
guide.md
references/components/input/
api.md
examples.md
guide.md

Details

From the project README

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.

Comments

Markdown supported