Applica uno stile supponente all'HTML barebone. Da utilizzare quando l'utente dispone di codice HTML semplice/senza stile e desidera applicare uno stile visivo coerente. Trigger: applica uno stile a questo HTML, applica uno stile, rendilo bello, in stile /html o quando l'utente condivide HTML che necessita di CSS. Trasforma tabelle, elenchi, indicatori di stato, pulsanti e layout in un sistema di progettazione coerente.
Installa rapidamente la skill AI html-style nel tuo ambiente di sviluppo tramite riga di comando
Fonte: shipshitdev/library.
Transform barebones HTML into styled output using a specific design system.
| Status text | .stale .warm .pending | Red/green/orange inline text | | Trend | .trend-up .trend-down | Green ↑ / Red ↓ | | Category tag | .tag-group .tag-dm .tag-money | Blue/purple/orange pill | | Status pill | .status-success .status-error .status-pending | Filled green/red/orange | | Filter toggle | .filter .filter.active | Outline / filled black |
| Time filter | .pill .pill.active | Small pill, black when active | | Stat box | .stat > .stat-value + .stat-label | 28px number, 12px label | | Table | default or .table-styled | Minimal or colored values | | Section header | .section-header | Dark bar with white text | | Collapsible | + | Native HTML collapse |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/shipshitdev/library --skill html-styleApplica uno stile supponente all'HTML barebone. Da utilizzare quando l'utente dispone di codice HTML semplice/senza stile e desidera applicare uno stile visivo coerente. Trigger: applica uno stile a questo HTML, applica uno stile, rendilo bello, in stile /html o quando l'utente condivide HTML che necessita di CSS. Trasforma tabelle, elenchi, indicatori di stato, pulsanti e layout in un sistema di progettazione coerente. Fonte: shipshitdev/library.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/shipshitdev/library --skill html-style Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/shipshitdev/library