Stack

(Rascunho gerado por AI. A ser reescrito por um humano depois.)

Um panorama do que o techmeat.dev usa por baixo dos panos, das ferramentas com que conto no dia a dia e do fluxo de trabalho que adoto para publicar posts e entregar features com agentes de coding.

Stack técnica

• Astro 6 no modo output: 'static'. Os posts são Markdown, renderizados pelas content collections do Astro.
• Solid.js via @astrojs/solid-js para as poucas ilhas interativas — alternador de tema, seletor de idioma, botão de copiar bloco de código.
• Bun como runtime, gerenciador de pacotes e test runner. Nada de npm, nada de pnpm.
• Cloudflare Pages para hospedagem; Cloudflare Web Analytics para tráfego, sem cookies.
• satori + resvg para geração de cards OG em tempo de build, por post e por locale.
• @vite-pwa/astro (Workbox) para um PWA instalável com fallback offline.
• @astrojs/sitemap + @astrojs/rss para sitemap e feeds RSS por locale.

Ferramental

• oxlint + oxfmt — lint e formatador escritos em Rust. Sem ESLint, sem Prettier.
• @astrojs/check para verificação TypeScript dentro de arquivos .astro.
• lefthook para hooks de pre-commit (lint + format + checagem de tipos a cada commit).
• bun:test como framework de testes.

Assistentes de AI

• Claude Code — o agente de coding principal. O contexto do projeto vive em CLAUDE.md e AGENTS.md.
• Superpowers skills — brainstorming, writing-plans, subagent-driven-development para features não triviais.
• GPT-5.5 — usado para uma segunda passada de code review em mudanças maiores.
• Suíte de skills de SEO / GEO — pesquisa de keywords, otimização de meta-tags, schema markup, auditoria on-page, auditor de qualidade de conteúdo (CORE-EEAT), otimizador de conteúdo GEO para motores de AI.

Hardware

• (Espaço reservado — a ser preenchido pelo humano.)

Fluxo de trabalho

Cada post e cada feature passa mais ou menos pelo mesmo loop:

1. Registrar o objetivo e as restrições em CLAUDE.md / AGENTS.md para que o agente tenha um contexto estável.
2. Fazer brainstorming do formato do trabalho com Superpowers; produzir uma especificação de design.
3. Transformar a spec em um plano de implementação com passos concretos.
4. Execução via subagent-driven, com uma revisão em duas etapas (aderência à spec e, depois, qualidade do código) por tarefa.
5. Para os posts: um pipeline SEO + GEO de várias etapas antes da publicação.

O propósito desta página é ser honesto sobre o ferramental, para que os posts possam manter o foco em processo em vez de reexplicar a configuração toda hora.