什麼是 leading-icon-alignment？
確保文字換行時清單中的前導圖示與文字的第一行正確對齊，從而防止圖示在多行中垂直居中。在使用前導圖示、Flex 容器中的 SVG 圖示實現清單項目時，或在修正換行文字中的圖示對齊問題時使用。 來源：alexcarpenter/resilient-ui。
·leading-icon-alignment
*
leading-icon-alignment
✓確保文字換行時清單中的前導圖示與文字的第一行正確對齊，從而防止圖示在多行中垂直居中。在使用前導圖示、Flex 容器中的 SVG 圖示實現清單項目時，或在修正換行文字中的圖示對齊問題時使用。
如何安裝 leading-icon-alignment
透過命令列快速安裝 leading-icon-alignment AI 技能到你的開發環境
- 開啟終端機: 開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等）
- 執行安裝指令: 複製並執行以下指令：npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignment
- 驗證安裝: 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
來源：alexcarpenter/resilient-ui。
SKILL.md
查看原文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.
確保文字換行時清單中的前導圖示與文字的第一行正確對齊，從而防止圖示在多行中垂直居中。在使用前導圖示、Flex 容器中的 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
快速解答
如何安裝 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 中使用
這個 Skill 的原始碼在哪？
https://github.com/alexcarpenter/resilient-ui