lynx-ui について
lynx-ui は、@lynx-js/lynx-ui を使う開発者向けのスキルです。タスクに応じて参照資料を絞り込み、API を確認し、資料にない内容を推測しない手順を示します。
主な機能
- 01タスクに応じた参照資料の選択
- 02コンポーネントガイド、API、例の確認
- 03使用するコンポーネント資料のみ読み込み
- 04資料の不足を推測せず報告
活用シーン
- 01画面タスクに使うコンポーネントの選定
- 02コンポーネントの props、メソッド、export の確認
- 03実際の API を確認しながら例を参照
- 04コンポーネント資料の不足への対応
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/lynx-uiを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
LICENSEREADME.mdevals/evals.jsontrigger_eval.jsonreferences/component-composition.mdcomponent-overview.mdreferences/components/button/api.mdexamples.mdguide.mdreferences/components/checkbox/api.mdexamples.mdreferences/components/deferred-component/api.mdexamples.mdguide.mdreferences/components/dialog/api.mdexamples.mdguide.mdreferences/components/draggable/api.mdexamples.mdreferences/components/feed-list/api.mdexamples.mdguide.mdreferences/components/form/api.mdexamples.mdreferences/components/input-otp/api.mdexamples.mdguide.mdreferences/components/input/api.mdexamples.mdguide.md詳細
lynx-ui
関連する最小限のリファレンスセットを使用してください。
ワークフロー
- タスクを振り分けます:
- コンポーネントの選択:
references/component-overview.md - セットアップまたはトラブルシューティングの境界:
references/foundation.md - Luna のテーマとトークン:
references/theming-and-tokens.md - アニメーションの選択:
references/motion.md - 一般的なコンポーネントの組み合わせ:
references/component-composition.md
- コンポーネントの選択:
- コンポーネントを選択したら、以下を確認します:
- 利用可能な場合は
references/components/<component>/guide.md - 正確な公開 props、メソッド、エクスポートについては
references/components/<component>/api.md - 実装パターンについては
references/components/<component>/examples.md
- 利用可能な場合は
- 追加のコンポーネントリファレンスは、タスクで使用するコンポーネントについてのみ読み込みます。
ルール
- API リファレンスがパッケージ固有のインポートを要求しない限り、
@lynx-js/lynx-uiからインポートします。 - ドキュメント化されたコンポーネントの構成と状態処理を維持します。
- props、メソッド、エクスポートは
api.mdで確認します。 - 例は使用パターンとして扱い、その API は
api.mdで確認します。 - 推測せずに、カバレッジの不足を報告します。
コメント
Markdown 対応