@jpisnice/shadcn-ui-mcp-server

# Usage Examples Learn how to effectively use the shadcn/ui MCP Server with practical examples and tutorials. ## 📋 What You'll Learn - [Component Examples](components.md) - Working with individual components - [Block Examples](blocks.md) - Using complete block implementations - [Framework Comparison](framework-comparison.md) - Comparing React, Svelte, Vue, and React Native - [Real-world Projects](real-world-projects.md) - Building complete applications - [Best Practices](best-practices.md) - Tips for optimal usage ## 🚀 Quick Examples ### Get a Component ``` "Show me the shadcn/ui button component" ``` ### Get Component Demo ``` "Show me how to use the card component" ``` ### Get Complete Block ``` "Get the dashboard-01 block implementation" ``` ### Compare Frameworks ``` "Compare the button component between React and Svelte" "Show me the React Native version of the button component" ``` ## 🎯 Common Use Cases ### Component Development - **Get source code** for any shadcn/ui component - **View usage examples** and demos - **Check dependencies** and requirements - **Explore component variants** ### Block Implementation - **Get complete blocks** (dashboards, forms, etc.) - **Include all component files** automatically - **Customize blocks** for your needs - **Learn from examples** ### Framework Learning - **Compare implementations** across frameworks - **Learn framework-specific patterns** - **Understand differences** in syntax and APIs - **Choose the right framework** for your project ## 🔗 Next Steps - [Component Examples](components.md) - Detailed component usage - [Block Examples](blocks.md) - Working with blocks - [Framework Comparison](framework-comparison.md) - Cross-framework examples - [Real-world Projects](real-world-projects.md) - Complete application examples