| name | Creador de Páginas de Blog |
| description | Transforma borradores de blog (Markdown) en páginas web completas o secciones integrables con diseño premium, responsive y enfocado en la experiencia de usuario. |
Habilidad: Creador de Páginas de Blog
Esta habilidad es el paso final en la cadena de creación de contenido. Toma un script de blog estructurado y lo convierte en una pieza de software web (HTML/CSS) lista para ser visualizada o integrada en un sitio existente.
Capacidades
- Traducción de Contenido: Convierte Markdown a HTML5 semántico.
- Estilización Premium: Aplica CSS moderno con enfoque en tipografía, espaciado y legibilidad.
- Integración Visual: Renderiza las imágenes generadas por IA y aplica efectos de diseño (overlays, sombras, elevación).
- Responsive Design: Asegura que el blog se vea impecable en móviles, tablets y desktops.
Instrucciones de Uso
- Lectura: Identifica el archivo Markdown del blog a convertir.
- Preparación: Extrae los metadatos (título, descripción, palabras clave) y los prompts de imagen.
- Generación de Estructura: Utiliza la plantilla
resources/base_layout.html como base.
- Inyección de Contenido: Transforma los encabezados, párrafos y listas del script en etiquetas HTML.
- Personalización Estética: Ajusta los colores y fuentes CSS para que coincidan con la identidad de marca descrita en el script (ej. Lujo Mediterráneo).
- Salida: Genera un archivo
.html autónomo o un bloque de código para integración.
Mejores Prácticas
- Semántica: Usa
<article>, <section>, <header>, <footer> y <aside>.
- Tipografía: Emplea fuentes variables y escalas tipográficas fluidas.
- Imágenes: Usa
object-fit: cover para visuales de ancho completo y asegura que tengan alt text.
- Rendimiento: Minimiza el uso de scripts externos y optimiza el CSS interno.
Usa resources/base_layout.html para generar la página final.
