Communitygithub.com

fkramer690/homepage

Escreva ou atualize um artigo de blog para a página inicial da FK Solution Design (EN e DE). Use sempre que um post de blog, artigo ou Fachbeitrag for criado ou alterado.

O que é homepage?

Esta skill automatiza o fluxo de trabalho completo de criação de artigos de blog para o site FK Solution Design, com suporte a versões em inglês e alemão. Ela garante que o autor siga rigidamente as diretrizes de estilo e qualidade do blog, evitando conteúdo genérico (“AI slop”) e exigindo fatos concretos fornecidos pelo fundador, Fabian. A skill cobre desde a leitura das guidelines, criação de arquivos nos diretórios corretos (`en` e `de`), tradução e localização com tratamento formal (“Sie”), até a geração de uma imagem de cartão técnica para a página de overview do blog (via `src/lib/card-drawings.ts`). Também verifica a build do projeto (incluindo scripts como `check-blog.mjs`), sugere a inclusão de gráficos explicativos quando pertinente, e auxilia na abertura do pull request com rascunhos de teasers para o LinkedIn. O fluxo é projetado para desenvolvedores e criadores de conteúdo que trabalham com Astro e conteúdo multilíngue, e impõe que componentes de template não sejam alterados para artigos individuais.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Escrevendo um artigo de blog

  1. Leia docs/blog-guidelines.md completamente. Suas regras são vinculativas.
  2. Copie docs/blog-template.md para src/content/blog/en/<slug>.md e escreva a versão em inglês.
  3. Escreva a versão em alemão em src/content/blog/de/<slug-alemão>.md com a mesma translationKey. Localize, use "Sie".
  4. Use apenas experiência e exemplos que Fabian confirmou (briefing, memória do projeto, suas mensagens). Pergunte a ele quando um exemplo estiver faltando, em vez de inventar um.
  5. Faça uma revisão de "slop" de ambas as versões (veja "No AI slop" nas diretrizes): exclua toda frase que serviria para qualquer artigo, substitua afirmações genéricas pelos fatos concretos de Fabian, leia em voz alta uma vez.
  6. Desenhe a imagem do cartão para a visão geral do blog: adicione uma entrada para a translationKey do artigo em src/lib/card-drawings.ts (desenho técnico leve, rótulos EN/DE com fatos do artigo, veja "Card image" nas diretrizes). Todo artigo ganha um; a build falha sem ele.
  7. Defina draft: false quando o artigo estiver pronto, então execute npm run build. Corrija toda mensagem de check-blog.mjs ou do esquema de conteúdo.
  8. Veja a página do artigo construída uma vez, e o cartão em /blog/ com seu desenho (caixa de takeaways no topo, FAQ recolhível, caixa do autor, seção de contato com "Book a call" e o formulário de contato no final) e a imagem de pré-visualização gerada em dist/og/<idioma>/<slug>.png. Sugira um gráfico explicativo quando o tópico se beneficiar de um (veja Imagens nas diretrizes).
  9. Abra o pull request e adicione 2–3 rascunhos de teaser para o LinkedIn de Fabian ao PR ou à thread.

Não altere os componentes de template (src/components/BlogPost.astro, BlogIndex.astro) para um artigo individual. Alterações de layout se aplicam a todos os artigos.

Habilidades Relacionadas