splatstudio

Skill de Publicación de Blog

Genera una página de artículo de formato largo — diseño editorial, sin cromo.

Flujo de trabajo

1. Lee el DESIGN.md activo (inyectado arriba). Apóyate en los tokens tipográficos — el formato largo es 70% tipografía, 20% imagen, 10% cromo.
2. Elige el tema a partir del resumen y escribe un artículo real — al menos 600 palabras en 4–6 secciones H2. Sin lorem ipsum.
3. Secciones, en orden:
   • Cabecera — pequeña marca de palabra + 4–6 enlaces de navegación, sin adornos.
   • Encabezado del artículo — ceja de categoría, titular (token de visualización, grande), bajada (subtítulo de 1–2 oraciones), nombre del autor + cargo + fecha.
   • Imagen principal — un bloque placeholder 16:9 utilizando un degradado o relleno sólido del sistema de diseño (sin imágenes externas). Añade un pie de foto de 1 línea debajo.
   • Cuerpo — párrafos de prosa alternados con al menos:
     • 1 cita destacada (tipografía grande, regla de acento en el borde de inicio en línea para que el diseño gire correctamente con dir="rtl").
     • 1 figura (placeholder de imagen + pie de foto).
     • 1 lista (numerada o con viñetas).
     • 1 cita en bloque en línea.
   • Pie de autor — avatar del autor (iniciales en un círculo), párrafo biográfico.
   • Relacionados — 3 tarjetas que enlacen a otros posts. Cada tarjeta: bloque pequeño de imagen, título, extracto de 1 línea, fecha.
4. Escribe un documento HTML único:
   • <!doctype html> hasta </html>, CSS en línea.
   • El cuerpo del artículo usa la fuente del cuerpo del sistema de diseño, centrada, con ancho máximo según la regla de diseño del sistema (generalmente 680–720px).
   • Capitulares (first-letter) solo si el estilo del sistema es editorial / serifa — omítelo en sistemas de diseño técnicos.
   • data-od-id en el titular, imagen principal, cuerpo, cita destacada y cuadrícula de relacionados.
5. Autoverificación:
   • La jerarquía tipográfica es inequívoca — H1 es claramente el titular; H2 son divisores de sección; las citas destacadas no compiten con H1.
   • Longitud de línea de 60 a 75 caracteres para la prosa del cuerpo.
   • El acento aparece como máximo dos veces (ceja + regla de cita destacada, o un enlace).
   • La página se lee como una revista, no como un aterrizaje de marketing.

Contrato de salida

Emitir entre etiquetas <artifact>:

<artifact identifier="post-slug" type="text/html" title="Article Title">
<!doctype html>
<html>...</html>
</artifact>

Una oración antes del artefacto, nada después.