Svelte Extract Component
Helps with Svelte, data extraction, components as part of building frontend UIs and user experiences workflows.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add svelte-extract-component npx -- -y @trustedskills/svelte-extract-component
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"svelte-extract-component": {
"command": "npx",
"args": [
"-y",
"@trustedskills/svelte-extract-component"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
This skill, svelte-extract-component, allows you to extract Svelte components from existing code. It identifies and isolates reusable component structures, including their props, slots, and internal logic. The extracted component can then be used in other projects or shared with others.
When to use it
- You have a large codebase containing reusable UI elements that need to be isolated.
- You want to share a specific Svelte component with another developer or project.
- You are refactoring existing code and want to break down larger components into smaller, more manageable pieces.
- You need to quickly create a new component based on an existing one in your codebase.
Key capabilities
- Component extraction from Svelte code
- Identification of props, slots, and internal logic within components
- Isolation of reusable component structures
Example prompts
- "Extract the
Buttoncomponent from this file:/components/ui/button.svelte." - "Can you isolate the login form component from this codebase?"
- "Create a new component based on the existing
Cardcomponent in/shared/components/card.svelte."
Tips & gotchas
- The skill requires access to the Svelte code you want to extract components from.
- Complex or highly intertwined components may require manual adjustments after extraction.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.