html-style
✓Wenden Sie ein eigensinniges Design auf Barebone-HTML an. Verwenden Sie diese Option, wenn der Benutzer über einfaches/unformatiertes HTML verfügt und einen konsistenten visuellen Stil anwenden möchte. Auslöser: Diesen HTML-Code formatieren, Stil anwenden, ihn gut aussehen lassen, /html-Stil oder wenn der Benutzer HTML teilt, der CSS benötigt. Verwandelt Tabellen, Listen, Statusanzeigen, Schaltflächen und Layouts in ein zusammenhängendes Designsystem.
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 |
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/shipshitdev/library --skill html-style- Quelle
- shipshitdev/library
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist html-style?
Wenden Sie ein eigensinniges Design auf Barebone-HTML an. Verwenden Sie diese Option, wenn der Benutzer über einfaches/unformatiertes HTML verfügt und einen konsistenten visuellen Stil anwenden möchte. Auslöser: Diesen HTML-Code formatieren, Stil anwenden, ihn gut aussehen lassen, /html-Stil oder wenn der Benutzer HTML teilt, der CSS benötigt. Verwandelt Tabellen, Listen, Statusanzeigen, Schaltflächen und Layouts in ein zusammenhängendes Designsystem. Quelle: shipshitdev/library.
Wie installiere ich html-style?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/shipshitdev/library --skill html-style Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/shipshitdev/library
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01