どのようなフレームワークや環境でも Lucide アイコンを正しく使用してください。 Lucide は、1000 以上のアイコンを備えたツリーシェイク可能な SVG アイコン ライブラリです。このスキルは、React、Vue、Svelte、Solid、Preact、Angular、Astro、React Native、Vanilla JS、または静的/サーバーサイド環境で Lucide アイコンを操作するときに使用します。トリガーには、lucide アイコンのインストール、lucide コンポーネントのインポート、アイコンの外観のカスタマイズ、動的アイコンの使用、または Lucide lab カスタム アイコンの使用が含まれます。
コマンドラインで lucide-icons AI スキルを開発環境にすばやくインストール
ソース: aksuharun/skills。
Lucide provides framework-specific packages—each icon is an individually importable component/element that renders an inline SVG. All packages are fully tree-shakeable.
| size | number | 24 | | color | string | currentColor | | strokeWidth | number | 2 | | absoluteStrokeWidth | boolean | false |
All packages also accept any SVG presentation attribute as a prop (e.g. fill, stroke-linejoin).
どのようなフレームワークや環境でも Lucide アイコンを正しく使用してください。 Lucide は、1000 以上のアイコンを備えたツリーシェイク可能な SVG アイコン ライブラリです。このスキルは、React、Vue、Svelte、Solid、Preact、Angular、Astro、React Native、Vanilla JS、または静的/サーバーサイド環境で Lucide アイコンを操作するときに使用します。トリガーには、lucide アイコンのインストール、lucide コンポーネントのインポート、アイコンの外観のカスタマイズ、動的アイコンの使用、または Lucide lab カスタム アイコンの使用が含まれます。 ソース: aksuharun/skills。
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/aksuharun/skills --skill lucide-iconsどのようなフレームワークや環境でも Lucide アイコンを正しく使用してください。 Lucide は、1000 以上のアイコンを備えたツリーシェイク可能な SVG アイコン ライブラリです。このスキルは、React、Vue、Svelte、Solid、Preact、Angular、Astro、React Native、Vanilla JS、または静的/サーバーサイド環境で Lucide アイコンを操作するときに使用します。トリガーには、lucide アイコンのインストール、lucide コンポーネントのインポート、アイコンの外観のカスタマイズ、動的アイコンの使用、または Lucide lab カスタム アイコンの使用が含まれます。 ソース: aksuharun/skills。
ターミナルまたはコマンドラインツール（Terminal、iTerm、Windows Terminal など）を開きます このコマンドをコピーして実行します: npx skills add https://github.com/aksuharun/skills --skill lucide-icons インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/aksuharun/skills