ejirocodes/svelte5-mejores-practicas

Runas, snippets, patrones de SvelteKit y mejores prácticas modernas para TypeScript y desarrollo de componentes en Svelte 5. Útil al escribir, revisar o refactorizar componentes Svelte 5 y aplicaciones SvelteKit.

¿Qué es svelte5-mejores-practicas?

Esta habilidad proporciona una guía completa y actualizada sobre las mejores prácticas para desarrollar con Svelte 5 y SvelteKit, enfocándose en el uso correcto de runas ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), y patrones modernos de TypeScript. Es especialmente útil para desarrolladores que trabajan en la migración desde Svelte 4 (stores a runas, slots a snippets) o que buscan optimizar el rendimiento de sus componentes y aplicaciones. La habilidad cubre desde el tipado de props con TypeScript y componentes genéricos, hasta el aislamiento de estado en SSR y pruebas de componentes. Al activarse automáticamente al detectar runas, snippets, manejo de eventos, carga de datos en SvelteKit, acciones de formularios o cualquier componente Svelte, ofrece asistencia contextual y recomendaciones precisas para escribir código más limpio, eficiente y mantenible.

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

Installed? Explore more Productividad y colaboración skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace svelte5-mejores-practicas?

Runas, snippets, patrones de SvelteKit y mejores prácticas modernas para TypeScript y desarrollo de componentes en Svelte 5. Útil al escribir, revisar o refactorizar componentes Svelte 5 y aplicaciones SvelteKit. Se activa con: componentes Svelte, runas ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), manejo de eventos, carga de datos en SvelteKit, acciones de formularios, migración de Svelte 4 a Svelte 5, migración de stores a runas, migración de slots a snippets, tipado de props con TypeScript, componentes genéricos, aislamiento de estado en SSR, optimización de rendimiento o pruebas de componentes.

Skills relacionados