AI Blueprint: Transform UI/UX Designs with Interactive Proposals

AI Blueprint: Transform UI/UX Designs with Interactive Proposals

AI Blueprint assists developers and teams in transforming UI/UX design ideas into interactive browser-based proposals, adhering to the project's design language. It enables brainstorming, redesigning, and visually verifying UI/UX work before actual implementation, facilitating an efficient design process and approval workflow.

What this skill does

• Initiates UI/UX brainstorming sessions using the project's real design language.
• Renders interactive proposal screens in the browser that accurately reflect design choices.
• Composes response prompts through user option selections, copied to the clipboard for later use.
• Supports iterations and approvals through a gated process, transitioning from design to execution seamlessly.
• Generates specifications for further development steps, facilitating orchestration of plans and tickets.

Who it is for

• Developers using AI coding agents like Claude Code, Cursor, and Codex.
• UI/UX designers looking for a tool to create interactive design proposals within a project’s existing framework.
• Project managers and teams aiming to streamline the design approval and implementation process.

Use cases

• Facilitating UI/UX brainstorming for web projects with real-time visual proposals.
• Streamlining the proposal and approval process for design revisions and new features.
• Providing a reliable method to visually verify design adjustments before proceeding to development stages.

Technical details

• Employs agent-skills and aiapplication capabilities to perform tasks.
• Operates through a non-stateful companion server, ensuring no data is retained between sessions.
• Interactive functionalities are shipped through scripts in scripts/serve.mjs.
• Session-specific HTML content is authored based on references/screens.md.
• Offers several operation flags, detailed in references/flags.md, including options to bypass the browser interface or continue sessions.

Source & Licence

This package is built on open-source work published by radimsem (radimsem/forge-skills) and distributed under MIT. The original licence text and copyright notice are included in your download.

Personal and commercial use, modification and redistribution are permitted, provided the original copyright and licence notice are retained.

Your purchase covers curation, licence verification, packaging, documentation and instant delivery. It does not grant exclusive rights to the underlying open-source code, which remains available under its original licence.

Delivery & Support

• Delivery: instant — a secure download link is emailed to you as soon as payment is confirmed.
• Format: ZIP archive containing the skill files, documentation and the original licence.
• Support: support@mcpcart.com — we aim to reply within 2 business days.
• Updates: updates are included only where stated on this page.

Refunds

This is a digital product delivered immediately after purchase. By completing your order you request immediate delivery and acknowledge that, once the download has been accessed, the statutory right to cancel no longer applies to the extent permitted by law. Refund requests are handled in accordance with our published Refund Policy.

Claude, Codex, Gemini and Cursor are trademarks of their respective owners. MCP Cart is an independent marketplace and is not affiliated with, endorsed by, or sponsored by any of them. Compatibility references describe interoperability only.