Task Objectives
- This Skill is used to: master the complete skill system for Svelte framework development
- Capabilities include: component development, reactive state, template control flow, DOM interaction, style management, state sharing, testing and deployment
- Trigger conditions: when you need to develop a Svelte application or learn the Svelte framework
Skill Map
Beginner Skills
- svelte-core - Core Basics: project creation, file structure, Rune concepts
- svelte-runes - Runes System: $state, $derived, $effect, $props
Template Skills
- svelte-template-basics - Template Basics: markup syntax, text interpolation, special tags
- svelte-control-flow - Control Flow: if, each, await, snippet
Interaction Skills
- svelte-directives - Directive System: bind, use, transition, animate
Styling Skills
- svelte-styling - Style Management: scoped styles, CSS custom properties
Advanced Skills
- svelte-special-elements - Special Elements: svelte:window, element, head
- svelte-state-management - State Management: Stores, Context API
- svelte-lifecycle - Lifecycle: mount, destroy, imperative API
Engineering Skills
- svelte-best-practices - Best Practices: testing, TypeScript, migration guide
- svelte-api-reference - API Reference: complete documentation for svelte/* modules
Compatibility Skills
- svelte-legacy - Legacy Syntax: maintaining Svelte 4 compatible code
Learning Path
Beginner Route
- svelte-core - Understand Svelte basic concepts
- svelte-runes - Master the Runes reactive system
- svelte-template-basics - Learn template syntax
- svelte-control-flow - Master conditionals and loops
- svelte-directives - Learn DOM interaction
Advanced Route
- svelte-styling - Style management
- svelte-special-elements - Special elements
- svelte-state-management - Cross-component state
- svelte-lifecycle - Lifecycle hooks
Professional Route
- svelte-best-practices - Best practices
- svelte-api-reference - API reference
- svelte-legacy - Legacy code
Resource Index
- Official Documentation:https://svelte.dev/docs
- Official Tutorial:https://svelte.dev/tutorial
- Playground：https://svelte.dev/playground
- SvelteKit：https://kit.svelte.dev
Notes
- It is recommended to use SvelteKit as the application framework
- Prefer using Svelte 5 Runes syntax
- Avoid using legacy syntax in new projects
- Follow best practices to write high-quality code