Talk

Interactive Product Configurator UI Prompt

From Wikiprompt, the free prompt encyclopedia

Gadgetify
Contributed byGadgetifyXSource

Aug 19, 2026

Interactive Product Configurator UI Prompt A prompt for generating a UI mockup of an interactive product configurator for rare collectibles, with strict rules for state consistency, swatch fidelity, and live feedback.

Related media

Prompt ContentSave

🌐
2x2 grid, 16:9, do this for 4 rare unusual collectibles before 1890s: INPUT = [ PRODUCT ] Instructions: INFERENCE_CASCADE := derive 3–5 real OPTION GROUPS β†’ 2–6 choices each β†’ which combinations are impossible β†’ base price and honest per-option deltas β†’ the default a first-time buyer lands on STATE_TRUTH_LAW := the render and the controls are ONE fact. Every active selection is visible on the product; every visible feature has an active control. Unavailable combinations are disabled and visibly so. The total equals base plus the selected deltas - do the arithmetic and show it. GROUP_LOGIC := exactly one active state per single-select group; multi-selects visually distinct from single-selects (checks vs pills) PREVIEW_DNA := one large product view holding a constant camera and light across all configurations, so only the configured parts change SWATCH_FIDELITY := each swatch's color/material is the SAME sample rendered on the product LIVE_FEEDBACK := one element proves interactivity - a hovered swatch, a just-changed price with its previous value struck, a spec line updating CONSTRAINT_MESSAGE := one plain sentence explaining a disabled option IMPERFECTION := one option mid-transition, a tooltip open, the cursor placed to explain it FRAME := 16:10; preview left, controls right rail, sticky summary bar MOOD := control without confusion Render: one screen where the controls and the object cannot disagree. Forbidden - objects: decorative options that change nothing, invented spec categories Forbidden - look: two actives in one group, a total that doesn't sum, a swatch color absent from the render, camera or light shifting between configurations, disabled states that look identical to enabled ones

Sign in to see the full prompt

Continue with:

By logging in, you agree to our Terms of Use and Privacy Policy

Usage

This prompt is designed for use with creative. Copy the prompt content above and paste it into your preferred AI tool.

For best results, you may customize the placeholders (indicated by square brackets or capital letters) with your specific requirements.

References

Categories:creative| twitter| ui-design| product-configurator

Talk