leading-icon-alignment とは?
テキストが折り返されるときに、リスト内の先頭のアイコンがテキストの最初の行に適切に配置されるようにし、アイコンが複数行にわたって垂直方向の中央に配置されるのを防ぎます。先頭にアイコンがあるリスト項目、フレックス コンテナーの SVG アイコンを実装する場合、または折り返されたテキストのアイコンの配置の問題を修正する場合に使用します。 ソース: alexcarpenter/resilient-ui。
テキストが折り返されるときに、リスト内の先頭のアイコンがテキストの最初の行に適切に配置されるようにし、アイコンが複数行にわたって垂直方向の中央に配置されるのを防ぎます。先頭にアイコンがあるリスト項目、フレックス コンテナーの SVG アイコンを実装する場合、または折り返されたテキストのアイコンの配置の問題を修正する場合に使用します。
コマンドラインで leading-icon-alignment AI スキルを開発環境にすばやくインストール
ソース: alexcarpenter/resilient-ui。
Ensures leading icons within lists are always properly aligned to the first line of text when the text wraps, rather than centering vertically across the full height of the wrapped text.
テキストが折り返されるときに、リスト内の先頭のアイコンがテキストの最初の行に適切に配置されるようにし、アイコンが複数行にわたって垂直方向の中央に配置されるのを防ぎます。先頭にアイコンがあるリスト項目、フレックス コンテナーの SVG アイコンを実装する場合、または折り返されたテキストのアイコンの配置の問題を修正する場合に使用します。 ソース: alexcarpenter/resilient-ui。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignment インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
安全認証済み、信頼性の高いコード ワンクリックインストール、簡単設定 Claude Code、Cursor、OpenClaw などに対応
AI/検索での引用用の安定したフィールドとコマンド。
npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignmentテキストが折り返されるときに、リスト内の先頭のアイコンがテキストの最初の行に適切に配置されるようにし、アイコンが複数行にわたって垂直方向の中央に配置されるのを防ぎます。先頭にアイコンがあるリスト項目、フレックス コンテナーの SVG アイコンを実装する場合、または折り返されたテキストのアイコンの配置の問題を修正する場合に使用します。 ソース: alexcarpenter/resilient-ui。
ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignment インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります
https://github.com/alexcarpenter/resilient-ui