·leading-icon-alignment
*

leading-icon-alignment

テキストが折り返されるときに、リスト内の先頭のアイコンがテキストの最初の行に適切に配置されるようにし、アイコンが複数行にわたって垂直方向の中央に配置されるのを防ぎます。先頭にアイコンがあるリスト項目、フレックス コンテナーの SVG アイコンを実装する場合、または折り返されたテキストのアイコンの配置の問題を修正する場合に使用します。

6インストール·0トレンド·@alexcarpenter

インストール

$npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignment

leading-icon-alignment のインストール方法

コマンドラインで leading-icon-alignment AI スキルを開発環境にすばやくインストール

  1. ターミナルを開く: ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます
  2. インストールコマンドを実行: このコマンドをコピーして実行します: npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignment
  3. インストールを確認: インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code、Cursor、OpenClaw で使用できるようになります

ソース: 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
カテゴリ
*クリエイティブ
認証済み
初回登録
2026-02-22
更新日
2026-03-10

Browse more skills from alexcarpenter/resilient-ui

クイックアンサー

leading-icon-alignment とは?

テキストが折り返されるときに、リスト内の先頭のアイコンがテキストの最初の行に適切に配置されるようにし、アイコンが複数行にわたって垂直方向の中央に配置されるのを防ぎます。先頭にアイコンがあるリスト項目、フレックス コンテナーの SVG アイコンを実装する場合、または折り返されたテキストのアイコンの配置の問題を修正する場合に使用します。 ソース: alexcarpenter/resilient-ui。

leading-icon-alignment のインストール方法は?

ターミナルまたはコマンドラインツール(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

詳細

カテゴリ
*クリエイティブ
ソース
skills.sh
初回登録
2026-02-22