Sveltekit skill

O que ela faz

SvelteKit é um framework pra sites e aplicativos web feito em cima do Svelte. A skill passa ao Claude a estrutura de pastas (componentes, código só do servidor, stores, utilitários) e as rotas por arquivo: +page.svelte pra página, +layout.svelte pro layout e pastas com [slug] pras páginas dinâmicas.

Ela mostra como buscar dados com a função load, renderizar no servidor (SSR) ou gerar página estática com prerender, inclusive em rota dinâmica como post de blog. Traz formulário com form actions e use:enhance, rotas de API com GET e POST, stores pra estado e página de erro com status 404.

Pro visual, usa Tailwind com modo escuro. No fim, dicas de desempenho (import dinâmico, imagens otimizadas, pré-carregar links), testes de componente com Vitest e Testing Library e cuidados de acessibilidade, como navegação por teclado e rótulos ARIA.

Nas palavras de quem fez

Quando usar

• Criar uma landing page ou um blog em SvelteKit
• Gerar as páginas do blog como estáticas pra carregar rápido
• Montar o formulário de captura de e-mail com form actions
• Criar uma rota de API dentro do próprio site
• Escrever testes dos componentes com Vitest

Depois de instalar, é só pedir assim

• Cria um blog em SvelteKit com Tailwind, com cada post numa página estática
• Faz o formulário de inscrição da newsletter com form action e mensagem de erro se faltar o e-mail
• Cria a rota /api/produtos com GET e POST e a página que lista os produtos

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