Interactive Product Configurator UI Prompt
From Wikiprompt, the free prompt encyclopedia
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
- Category: creative Prompts
- Source: https://x.com/Gdgtify/status/2089993270416048384
Talk
0 comments