Shadcn Svelte
Generates production-ready Shadcn/UI components in Svelte projects based on your specifications and design prompts.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add shadcn-svelte npx -- -y @trustedskills/shadcn-svelte
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"shadcn-svelte": {
"command": "npx",
"args": [
"-y",
"@trustedskills/shadcn-svelte"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The shadcn-svelte skill enables AI agents to leverage the Radix UI components and utilities within a Svelte project. It provides pre-built, accessible, and customizable UI elements for rapid development. This includes components like buttons, inputs, modals, and more, all styled consistently using Tailwind CSS.
When to use it
- Rapid Prototyping: Quickly build user interfaces without writing custom CSS from scratch.
- Consistent Styling: Ensure a uniform look and feel across your Svelte application.
- Accessible UI Development: Utilize components designed with accessibility in mind, reducing development effort.
- Component-Based Architecture: Integrate reusable UI building blocks into larger Svelte projects.
Key capabilities
- Radix UI component integration
- Tailwind CSS styling
- Accessibility focused design
- Reusable UI components
Example prompts
- "Create a modal dialog with a submit button using Radix UI and Tailwind."
- "Generate a form input field for email address validation, styled with Radix UI."
- "Implement a reusable button component with different variants (primary, secondary)."
Tips & gotchas
- Requires familiarity with Svelte and Tailwind CSS.
- The skill provides pre-styled components; customization options are available but may require understanding of Radix UI props and Tailwind configuration.
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.