Svelte Development

What it does

This skill enables AI agents to understand and generate Svelte code. It facilitates tasks like creating new components, modifying existing ones, and debugging Svelte applications. The agent can leverage this skill to assist developers in building interactive user interfaces with the Svelte framework.

When to use it

• Component Creation: Generate a basic Svelte component from a description of its functionality (e.g., "Create a counter component with increment and decrement buttons").
• Code Modification: Modify existing Svelte code based on instructions (e.g., “Add a prop to this component that controls the background color”).
• Debugging Assistance: Identify potential errors in Svelte code snippets or provide explanations for specific behaviors.
• Svelte Migration: Assist in converting components from other frameworks to Svelte.

Key capabilities

• Svelte code generation
• Svelte component modification
• Svelte debugging assistance
• Understanding of Svelte syntax and concepts

Example prompts

• "Generate a simple Svelte component that displays 'Hello, World!'"
• "How can I add reactive statements to this Svelte component?"
• "Debug the following Svelte code: [code snippet]"

Tips & gotchas

This skill requires familiarity with Svelte concepts and syntax for optimal results. Providing clear and specific instructions will improve the quality of generated or modified code.