ITCSS — Inverted Triangle CSS

This skill provides comprehensive guidance for architecting, writing, and auditing CSS/SCSS following the ITCSS (Inverted Triangle CSS) methodology created by Harry Roberts.

It serves two modes:

1. Generator mode — create a new ITCSS project structure, layers, and components from scratch.
2. Auditor mode — review existing CSS/SCSS projects and recommend ITCSS restructuring.

Core Principles

ITCSS orders all CSS by three key metrics that form an inverted triangle: