Communitygithub.com

fkramer690/homepage

Escribir o actualizar un artículo de blog para la página principal de FK Solution Design (EN y DE). Úsalo siempre que se cree o modifique una entrada de blog, artículo o Fachbeitrag.

¿Qué es homepage?

Esta habilidad automatiza el flujo de trabajo completo para crear o actualizar artículos de blog bilingües (inglés y alemán) en el sitio de FK Solution Design. Primero, lee las reglas vinculantes de `docs/blog-guidelines.md` y copia la plantilla `docs/blog-template.md` al directorio de contenido correspondiente. Luego, escribe la versión en inglés y la versión en alemán, asegurando que compartan la misma `translationKey` y utilizando el tratamiento formal "Sie" en alemán. Solo debe usar ejemplos y experiencias confirmados por Fabian; si falta algún ejemplo, debe preguntarle en lugar de inventarlo. La habilidad incluye una revisión de "AI slop" para eliminar frases genéricas, reemplazándolas con hechos concretos de Fabian. También genera la imagen de tarjeta para la vista general del blog en `src/lib/card-drawings.ts`, que es un dibujo técnico ligero con etiquetas en EN/DE basadas en el artículo. Finalmente, configura `draft: false`, ejecuta `npm run build`, corrige cualquier error de `check-blog.mjs` o del esquema de contenido, y sugiere un gráfico explicativo si el tema lo justifica. La habilidad es ideal para desarrolladores y agentes de IA que gestionan contenido bilingüe en sitios estáticos con Astro, asegurando consistencia, calidad y cumplimiento de las directrices del proyecto.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/fkramer690/homepage/tree/HEAD/.claude/skills/blog-article

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

Escribir un artículo de blog

  1. Lee docs/blog-guidelines.md completamente. Sus reglas son vinculantes.
  2. Copia docs/blog-template.md a src/content/blog/en/<slug>.md y escribe la versión en inglés.
  3. Escribe la versión en alemán en src/content/blog/de/<slug-alemán>.md con la misma translationKey. Localiza, usa "Sie".
  4. Solo usa experiencia y ejemplos que Fabian haya confirmado (briefing, memoria del proyecto, sus mensajes). Pregúntale cuando falte un ejemplo en lugar de inventarlo.
  5. Haz una revisión de "AI slop" de ambas versiones (ver "No AI slop" en las directrices): elimina toda frase que encajaría en cualquier artículo, reemplaza afirmaciones genéricas con hechos concretos de Fabian, léelo en voz alta una vez.
  6. Dibuja la imagen de tarjeta para la vista general del blog: añade una entrada para la translationKey del artículo en src/lib/card-drawings.ts (dibujo técnico ligero, etiquetas EN/DE con datos del artículo, ver "Imagen de tarjeta" en las directrices). Cada artículo recibe una; la compilación falla sin ella.
  7. Establece draft: false cuando el artículo esté listo, luego ejecuta npm run build. Corrige todos los mensajes de check-blog.mjs o del esquema de contenido.
  8. Mira la página del artículo compilada una vez, y la tarjeta en /blog/ con su dibujo (caja de conclusiones al principio, FAQ plegable, caja de autor, sección de contacto con "Reserva una llamada" y el formulario de contacto al final) y la imagen de vista previa generada en dist/og/<idioma>/<slug>.png. Sugiere un gráfico explicativo cuando el tema se beneficie de uno (ver Imágenes en las directrices).
  9. Abre el pull request y añade 2–3 borradores de teaser para LinkedIn para Fabian al PR o al hilo.

No cambies los componentes de la plantilla (src/components/BlogPost.astro, BlogIndex.astro) para un solo artículo. Los cambios de diseño afectan a todos los artículos.

Skills relacionados