mcp_rakit-ui-ai_designselection
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.
Instructions
Compare and select between 3 UI component designs with intelligent layout adaptation. Supports all CSS frameworks (Tailwind, Bootstrap, Bulma, etc.) and automatically chooses the best viewing mode based on component complexity. Perfect for design systems, component libraries, and UI pattern selection. NEW: Can generate designs from natural language prompts using MiniMax-M2.1 API - just provide a prompt and the tool will create 3 distinct designs for you to choose from.
Input Schema
TableJSON Schema
| Name | Required | Description | Default |
|---|---|---|---|
| prompt | Yes | Natural language description of the UI component to generate (e.g., 'Create 3 modern button designs for a SaaS dashboard'). When provided, the tool will use MiniMax-M2.1 to generate designs automatically. If provided, design_name_1/design_html_1 are not required. | |
| style_preference | Yes | Optional style guidance for design generation (e.g., 'modern and clean', 'playful and colorful', 'minimalist and professional'). | |
| framework | Yes | Target CSS framework for design generation (tailwind, bootstrap, bulma, foundation, semantic ui, or plain css). Defaults to 'tailwind'. | |
| component_type | Yes | Type of component to generate (button, card, form, navigation, modal, table). Helps optimize the prompt for better results. | |
| design_name_1 | Yes | [Optional] Name/title for the first design option. Only required if not using prompt-based generation. | |
| design_html_1 | Yes | [Optional] Complete HTML code for the first design. Only required if not using prompt-based generation. | |
| design_name_2 | Yes | [Optional] Name/title for the second design option | |
| design_html_2 | Yes | [Optional] Complete HTML code for the second design | |
| design_name_3 | Yes | [Optional] Name/title for the third design option | |
| design_html_3 | Yes | [Optional] Complete HTML code for the third design |