Generate UI components with modern best practices for React, Vue, or Angular frameworks, including accessibility features and responsive design options.
Retrieve comprehensive documentation for building modern UI components, including philosophy, patterns, and best practices from the components.build specification.
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 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.
Extract content from web pages, React apps, and React Native web apps using Playwright with CSS selectors, mobile viewport emulation, and screenshot capture.
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.