html-style
✓Appliquez un style opiniâtre au HTML barebones. À utiliser lorsque l'utilisateur dispose d'un code HTML brut/sans style et souhaite appliquer un style visuel cohérent. Déclencheurs : stylisez ce HTML, appliquez un style, donnez-lui une belle apparence, dans le style /html, ou lorsque l'utilisateur partage du HTML nécessitant du CSS. Transforme les tableaux, listes, indicateurs d'état, boutons et mises en page en un système de conception cohérent.
Installation
SKILL.md
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 |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/shipshitdev/library --skill html-style- Source
- shipshitdev/library
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que html-style ?
Appliquez un style opiniâtre au HTML barebones. À utiliser lorsque l'utilisateur dispose d'un code HTML brut/sans style et souhaite appliquer un style visuel cohérent. Déclencheurs : stylisez ce HTML, appliquez un style, donnez-lui une belle apparence, dans le style /html, ou lorsque l'utilisateur partage du HTML nécessitant du CSS. Transforme les tableaux, listes, indicateurs d'état, boutons et mises en page en un système de conception cohérent. Source : shipshitdev/library.
Comment installer html-style ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/shipshitdev/library --skill html-style Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/shipshitdev/library
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01