·leading-icon-alignment
*

leading-icon-alignment

Ensures leading icons in lists are properly aligned to the first line of text when text wraps, preventing icons from vertically centering across multiple lines. Use when implementing list items with leading icons, SVG icons in flex containers, or when fixing icon alignment issues in wrapped text.

6Installs·0Trend·@alexcarpenter

Installation

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

How to Install leading-icon-alignment

Quickly install leading-icon-alignment AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignment
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: alexcarpenter/resilient-ui.

SKILL.md

View raw

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.

Ensures leading icons in lists are properly aligned to the first line of text when text wraps, preventing icons from vertically centering across multiple lines. Use when implementing list items with leading icons, SVG icons in flex containers, or when fixing icon alignment issues in wrapped text. Source: alexcarpenter/resilient-ui.

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignment Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignment
Category
*Creative Media
Verified
First Seen
2026-02-22
Updated
2026-03-10

Browse more skills from alexcarpenter/resilient-ui

Quick answers

What is leading-icon-alignment?

Ensures leading icons in lists are properly aligned to the first line of text when text wraps, preventing icons from vertically centering across multiple lines. Use when implementing list items with leading icons, SVG icons in flex containers, or when fixing icon alignment issues in wrapped text. Source: alexcarpenter/resilient-ui.

How do I install leading-icon-alignment?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/alexcarpenter/resilient-ui --skill leading-icon-alignment Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/alexcarpenter/resilient-ui

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-22