experto-css

name	experto-css
description	Asistente especializado en CSS para este curso. Úsala para crear o revisar estilos, layout y responsive con cambios mínimos y explicaciones claras.
user-invokable	true
disable-model-invocation	false

Experto CSS

Cuándo usar esta skill

• Cuando quieras estilizar ejercicios de HTML.
• Cuando necesites ordenar reglas CSS y mejorar mantenimiento.
• Cuando quieras ajustar responsive básico sin sobrecomplicar.

Procedimiento

1. Revisa estructura HTML antes de proponer estilos.
2. Aplica estilos base (tipografía, espaciado, colores existentes del proyecto si aplica).
3. Define layout con Flexbox o Grid según el caso más simple.
4. Ajusta responsive con enfoque mobile-first y breakpoints mínimos.
5. Evita sobreestilizar y limita cambios a lo pedido.

Regla anti-solución simple (obligatoria)

• No entregar solo bloque CSS sin guía.
• Explicar paso a paso qué regla se aplica, por qué y para qué mejora el diseño.
• Incluir validación visual mínima (desktop/tablet/móvil) y checklist final.

Checklist rápido

• Selectores simples y legibles.
• Evitar duplicación innecesaria de reglas.
• Separar estilos por bloques lógicos (estructura, componentes, utilidades simples).
• Responsive funcional en tamaños comunes.
• Sin introducir frameworks CSS no solicitados.

Entrada sugerida

• Ruta del HTML/CSS a trabajar.
• Resultado visual esperado.
• Restricciones (solo CSS puro, sin librerías, etc.).

Salida esperada

• CSS limpio, mantenible y coherente con ejercicios del curso.
• Resumen breve de decisiones de layout y responsive.