Shadcn Svelte Mcp
Mastra MCP server and tooling for the shadcn-svelte component docs and developer utilities.
Overview
The shadcn-svelte MCP server is a powerful tool that provides real-time access to the shadcn-svelte component documentation and various developer utilities. It utilizes web scraping to deliver up-to-date information directly from the official source. This makes it an essential resource for developers looking to integrate shadcn-svelte components into their applications seamlessly.
Whether you're using a local setup or deploying on Mastra Cloud, this server has been designed with responsiveness and reliability in mind. Its flexible deployment options cater to different workflows, ensuring that users can access the information they need quickly and efficiently.
Features
- Production Deployment on Mastra Cloud: Provides a robust hosting environment with zero cold starts for maximum responsiveness.
- Comprehensive MCP Tools: Offers five main tools that support the entire shadcn-svelte ecosystem, enhancing development efficiency.
- Bits UI API Documentation: Direct access to in-depth component library documentation, enhanced with AI-optimized content for better understanding.
- Advanced Fuzzy Search: Features typo tolerance and intelligent suggestions, allowing for easier and faster searches.
- Lucide Svelte Icon Search: Quickly browse and filter through approximately 1,600 dynamic icons, simplifying design integration.
- Support for Major AI Code Editors: Compatible with popular editors like VS Code, Cursor, and others, ensuring a smooth development experience.
- Multiple Transport Protocols: Offers both HTTP and SSE protocols for versatile connectivity options.
- Real-Time Web Scraping: Ensures that the data accessed is always current and directly sourced from shadcn-svelte.com and bits-ui.com.
- Svelte
Svelte is a modern front-end framework that compiles your code at build time, resulting in smaller and faster applications. It uses a reactive approach to update the DOM, allowing for high performance and a smoother user experience.
- Shadcn UI
Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
- Typescript
TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.
- Zod
Zod is a TypeScript-first schema declaration and validation library. It allows you to define schemas that can validate data at runtime while providing excellent TypeScript inference, making it perfect for API validation, form validation, and type-safe data handling.