What problem does it solve?
This Skill streamlines the process of building user interfaces using the shadcn-svelte component library, addressing common challenges with imports, component composition, and styling.
Core Features & Use Cases
- Component Integration: Provides correct import patterns for various shadcn-svelte components like Dialog, DropdownMenu, and Button.
- Composition Patterns: Demonstrates the recommended
child snippet pattern for trigger components to ensure accessibility and proper prop delegation.
- UI Element Management: Offers guidance on dialog naming conventions and preferred navigation methods (
href over onclick).
- Use Case: When adding a new modal dialog to your Svelte application using shadcn-svelte, this Skill will show you the exact import statements and the correct way to structure the dialog trigger and content for optimal user experience and accessibility.
Quick Start
Use the shadcn-svelte skill to import the Button and Input components and use the child snippet pattern for a Tooltip trigger.