Svelte Add Component

What it does

This skill automates the process of adding a new component to a Svelte project. It handles creating the necessary files (e.g., .svelte file, associated test file) and scaffolding basic component structure based on provided parameters like name and desired features. The skill streamlines development workflow by reducing repetitive manual tasks for common component creation scenarios.

When to use it

• You need to quickly create a new Svelte component with a specific name and initial setup.
• You're starting a new feature in your Svelte application and want to generate the basic component files automatically.
• You’re working on a team and want to enforce consistent component creation practices.
• You need to rapidly prototype different UI elements within a Svelte project.

Key capabilities

• Component file generation (.svelte)
• Test file generation (associated with the component)
• Scaffolding of basic component structure
• Parameterization via name and features

Example prompts

• "Create a new Svelte component named 'MyButton'."
• "Add a component called 'ProductCard' with a prop for displaying product details."
• “Generate a ‘Modal’ component including a test file.”

Tips & gotchas

The skill assumes you are working within an existing Svelte project. Ensure your AI agent has access to the project directory before invoking this skill.