Pular pro conteúdo

Astro skill

O Claude monta páginas e componentes .astro, configura o projeto e publica o site na hospedagem que você usa, conferindo os erros antes do build.

por astrolicious

instalações
18,2 mil
estrelas no GitHub
13
No skills.sh desde
janeiro de 2026
Licença
Sem licença declarada

Atualizada no GitHub em 20 de março de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

Dá ao Claude um guia rápido do Astro, o framework de sites voltados a conteúdo: os comandos dev, build, check, add e sync, a estrutura de pastas (src/pages vira as rotas, public guarda os arquivos fixos) e o astro.config, onde a opção site define o endereço final usado no sitemap e nas URLs canônicas.

Traz o modelo de página e de componente .astro e o caminho do deploy: adicionar o adaptador da Vercel, Netlify, Cloudflare ou Node, rodar astro check pra pegar erro de tipo e de configuração, gerar o build e conferir se a pasta dist saiu com arquivos antes de publicar.

Manda o Claude consultar a documentação oficial em docs.astro.build pra exemplos e API atuais, em vez de confiar na memória. Entra quando você fala de arquivos .astro, site estático, arquitetura de ilhas ou content collections.

Nas palavras de quem fez

Skill for building with the Astro web framework. Helps create Astro components and pages, configure SSR adapters, set up content collections, deploy static…

astrolicious, no SKILL.md

Quando usar

  • Criar um blog ou site institucional com o Astro
  • Adicionar páginas e componentes num projeto Astro que já existe
  • Publicar o site na Vercel, Netlify ou Cloudflare
  • Ligar renderização sob demanda com um adaptador
  • Organizar os posts do blog em content collections

Depois de instalar, é só pedir assim

  • Cria um site em Astro pro meu escritório de contabilidade com home, serviços, blog e contato
  • Configura esse projeto Astro pra publicar na Vercel e confere se o build passa
  • Adiciona uma página de depoimentos com um componente de card reaproveitável

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

  • Gen Agent Trust HubPassou
  • SocketPassou
  • SnykPassou

Perguntas

Como instalar a Astro no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Astro, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

Precisa de chave ou conta paga?

Não. A skill é um guia em texto e o Astro é gratuito; os comandos rodam com npx, então precisa do Node. Conta só na hospedagem que você escolher pra publicar.

Roda no Codex e no Antigravity?

Sim. É um único SKILL.md, sem programa extra, então funciona em qualquer agente que lê skills.

O guia cobre tudo do Astro?

Não. É uma referência curta, com comandos, estrutura, configuração e deploy. Pra content collections, integrações e detalhes de API, ela manda o Claude ler a documentação oficial em docs.astro.build.

Levar essa skill

1x astroR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/astrolicious/agent-skills

Aprenda a usar