html-style
✓Aplique un estilo obstinado al HTML básico. Úselo cuando el usuario tiene HTML simple/sin estilo y desea aplicar un estilo visual consistente. Activadores: diseñar este HTML, aplicar estilo, hacer que se vea bien, estilo /html o cuando el usuario comparte HTML que necesita CSS. Transforma tablas, listas, indicadores de estado, botones y diseños en un sistema de diseño coherente.
Instalación
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 |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/shipshitdev/library --skill html-style- Fuente
- shipshitdev/library
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es html-style?
Aplique un estilo obstinado al HTML básico. Úselo cuando el usuario tiene HTML simple/sin estilo y desea aplicar un estilo visual consistente. Activadores: diseñar este HTML, aplicar estilo, hacer que se vea bien, estilo /html o cuando el usuario comparte HTML que necesita CSS. Transforma tablas, listas, indicadores de estado, botones y diseños en un sistema de diseño coherente. Fuente: shipshitdev/library.
¿Cómo instalo html-style?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/shipshitdev/library --skill html-style Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/shipshitdev/library
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01