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.

Aller à l'installation

Dépôt: lynx-community/skills
Dernière activité de la source: 15 juin 2026 à 06:18
Langue détectée de SKILL.md: anglais
Étoiles: 25
Forks: 11

Options d'installation

Le prompt qui vérifie d'abord la source est sélectionné par défaut. Vous pouvez passer à une commande directe ou télécharger une copie locale.

Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.

Une commande directe contourne le prompt de vérification. Examinez la source avant de l'exécuter.

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

La commande reste sur une seule ligne. Faites défiler horizontalement pour la vérifier avant de la copier.

Vous préférez une copie locale ? Téléchargez les fichiers actuellement disponibles dans SkillsMP.

Vérifiez les fichiers source

Lisez SKILL.md et les fichiers associés affichés par SkillsMP avant de décider de l'installer.

Explorateur de fichiers

59 fichiers

SKILL.md

Instructions source · Aperçu en lecture seule

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

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

Retour à la recherche Retour à l’installation

vanilla-lynx

Author, review, or explain Vanilla Lynx source that directly uses Element PAPI, delivered as a build-free `.lynxml` artifact or an Rspeedy project, including related build and serving workflows. Excludes ReactLynx, Canvas/WebGL, standalone API/CSS lookups, device-side runtime debugging, and bundle analysis.

2026-09-03

lynx-devtool

Use when working with Lynx DevTool or debugging a Lynx app, page, or device, especially when the task mentions clients or sessions, CDP or App commands, DOM/CSS inspection, runtime or console logs, evaluating JavaScript on a device, screenshots, heap snapshots, performance traces, Page.reload or App.openPage, global switches, interactive snapshot refs and taps/fills/scrolls, inspecting or searching a ReactLynx component tree, linking DOM Snapshot refs to ReactLynx components (`reactlynx link`), or mutating ReactLynx props/state/context on Android, iOS, or Desktop.

2026-08-07

reactlynx-best-practices

Reviews, writes, and refactors ReactLynx code and component libraries for Lynx dual-thread best practices. Applies when writing ReactLynx components, or handling background-only, useLayoutEffect, bindtap/catchtap, main-thread:*, runOnMainThread/runOnBackground, lazy/Suspense, globalPropsMode/__globalProps, component-library publishing (preserved JSX vs React.createElement), or render/diff/commit performance traces. Excludes vanilla Lynx Element PAPI without ReactLynx JSX (use vanilla-lynx), running-app debugging via DevTool/CDP (use lynx-devtool), or Rspeedy/tsconfig config (use lynx-typescript).

2026-08-07

Tout voir dans ce dépôt

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

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

lynx-ui

Informations de source

Options d'installation

Vérifiez les fichiers source

lynx-ui

Workflow

Rules

Plus depuis ce dépôt

lynx-ui

Workflow

Rules

Plus depuis ce dépôt