tailwindcss MCP tools

Extract color variables from Figma DSL files and export them to formats like UnoCSS, TailwindCSS, or custom standards for streamlined design-to-code workflows.

Filter and retrieve shadcn/ui components with Tailwind CSS based on specific requirements. Simplify UI development by processing structured input to identify relevant components.

Filter shadcn/ui components with Tailwind CSS based on specific requirements to find suitable UI elements for your Vue.js projects.

Convert Figma designs into production-ready frontend code tailored to your tech stack. Automatically detects project configurations, integrates design standards, and ensures visual validation with generated PNG previews.