ejirocodes/svelte5-best-practices

Melhores práticas modernas para Svelte 5, incluindo runas, snippets, padrões SvelteKit e desenvolvimento com TypeScript. Útil ao escrever, revisar ou refatorar componentes Svelte 5 e aplicações SvelteKit.

O que é svelte5-best-practices?

Este skill fornece orientações abrangentes e atualizadas para o desenvolvimento com Svelte 5, focando em runas ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), manipulação de eventos, e padrões do SvelteKit como carregamento de dados e ações de formulário. Ele é acionado automaticamente ao lidar com componentes Svelte, migrações de Svelte 4 para Svelte 5 (incluindo migração de stores para runas e slots para snippets), e otimizações de desempenho. O skill também cobre a tipagem de props com TypeScript, componentes genéricos, isolamento de estado em SSR e boas práticas para testes de componentes. Suporta plataformas como Claude Code, Cursor e Codex, ajudando desenvolvedores a escrever código Svelte 5 mais limpo, eficiente e alinhado com as práticas mais recentes do ecossistema.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ejirocodes/agent-skills/tree/main/skills/svelte5-best-practices

Installed? Explore more Produtividade e Colaboração skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Perguntar na sua IA favorita

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

Documentação

O que svelte5-best-practices faz?

Melhores práticas modernas para Svelte 5, incluindo runas, snippets, padrões SvelteKit e desenvolvimento com TypeScript. Use ao escrever, revisar ou refatorar componentes Svelte 5 e aplicações SvelteKit. Aciona-se em: componentes Svelte, runas ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), manipulação de eventos, carregamento de dados SvelteKit, ações de formulário, migração de Svelte 4 para Svelte 5, migração de stores para runas, migração de slots para snippets, tipagem de props TypeScript, componentes genéricos, isolamento de estado SSR, otimização de desempenho ou testes de componentes.

Habilidades Relacionadas