Generate UI components with modern best practices for React, Vue, or Angular frameworks, including accessibility features and responsive design options.
Generate a modern UI component adhering to best practices and accessibility standards. Specify component type, framework (React, Vue, Angular), variant, responsiveness, and props for tailored development.
Retrieve comprehensive documentation for building modern UI components, including philosophy, patterns, and best practices from the components.build specification.
Retrieve comprehensive UI component specification documentation to understand modern component-building philosophy, patterns, and best practices for creating accessible, framework-agnostic interfaces.
Extract Figma node IDs and convert designs into HTML, React with CSS Modules, or React with Tailwind CSS using MCP server f2c-mcp-server to automate design-to-code workflows.
Generate three UI component designs from natural language prompts or compare existing designs, adapting layouts for any CSS framework to help select optimal visual solutions.
Provides AI-powered tools to apply UX/UI best practices, Nielsen's heuristics, cognitive biases, and Material-UI patterns to React components. Enables automated application of responsive design, Apple design patterns, and complete UX guidelines through natural language commands.