uxgen
Hosted MCP that hands a coding agent the ecommerce conversion mechanics: quantity breaks, free-shipping threshold, order bump and sticky add-to-cart, with the EU rules attached.
Ads
Overview
The canonical spec and reference implementation for the four components that raise a basket: quantity breaks, the free-shipping threshold bar, the order bump, and the sticky add-to-cart. MIT. No dependencies beyond React. Copy the file, or install the plugin and let your agent do it. On 25 August 2026 we asked ChatGPT and Perplexity, both with web search enabled, for a React component for buy 2, save 15%. ChatGPT returned a quantity stepper and cited no source at all. Zero annotations. Perplexity returned a stepper too, with min, max, step and a bundleSize prop, citing generic quantity-selector patterns.
Installation
/plugin marketplace add kinerette/uxgen-commerce-kit
Configuration
Configuration example is not available yet.
Capabilities
- Generate quantity breaks
Ask for a radio-group tier selector with 1/3/6 units, named tiers, currency savings, and a preselected middle tier via `QuantityBreaks`.
- Add a free-shipping bar
Request a progress bar showing the remaining dollar amount to the threshold, with a clear message once reached, using `FreeShippingBar`.
- Insert an order bump
Add a single, unchecked complement item with a name, price, and reason above the cart totals via `OrderBump`, never pre-ticked or gated.
- Implement a sticky add-to-cart
Get a mobile-only button that appears after the inline one scrolls away, carrying the selected tier's total, via `StickyAddToCart`.
- Apply EU-compliant pricing rules
Ensure `compareAtCents` reflects actual prior prices and badges are truthful, with development-time errors for false anchors.
Tags
- ecommerce
- design
- coding-agent
- business-operations
Related MCP servers
SVGator MCP
OfficialCreate, edit, and export SVGator animations (SVG, Lottie, GIF, video) from your AI assistant, and keep an editable project you can open in the editor anytime.
Compeller
OfficialCreate AI music videos and audio-reactive visuals from songs through MCP.
Eagle MCP
OfficialEagle MCP Server is a local Model Context Protocol bridge that lets AI assistants (e.g. Cursor, Claude) access your Eagle media library so you can tag, categorize, search, and batch-organize assets with natural language.
Blender MCP
OfficialA lightweight MCP (Model Context Protocol) server for Blender. It offers a natural language interface with Blender’s Python API, improving access to documentation, and allowing users to explore and understand complex setups.