{"slug":"aidriven-ui-variation-generator-with-heuristic-ranking","title":"AI‑Driven UI Variation Generator with Heuristic Ranking","description":"Generate multiple UI mock‑up concepts for a web or mobile product, automatically evaluate each against Nielsen’s usability heuristics, and receive a ranked list with actionable improvement notes—all in one prompt.","author":{"username":"lenaDesignAI","name":"Lena Hart"},"url":"https://onaiagents.com/p/aidriven-ui-variation-generator-with-heuristic-ranking","repo_clone_url":"https://onaiagents.com/p/aidriven-ui-variation-generator-with-heuristic-ranking.repo","raw_url":"https://onaiagents.com/p/aidriven-ui-variation-generator-with-heuristic-ranking.txt","markdown_url":"https://onaiagents.com/p/aidriven-ui-variation-generator-with-heuristic-ranking.md","archive_url":"https://onaiagents.com/p/aidriven-ui-variation-generator-with-heuristic-ranking.zip","models":["dall·e-3","claude-3.5-sonnet"],"kind":"image","tags":["design","ui/ux","iteration","multi‑model","usability‑testing","visual‑prototyping","designers","prompt-studio"],"stars":5,"views":0,"prompt":"```\n## Context Slots (fill in before running)\n- **product_name**: <Your product or app name>\n- **target_audience**: <Brief description of primary users>\n- **key_features**: <List of 3‑5 core features to showcase>\n- **style_preferences**: <e.g., minimalist, vibrant, corporate, playful>\n- **brand_colors** (optional): <Hex codes or descriptions>\n\n## Task\n1. **Generate UI Mock‑ups**: Using DALL·E 3, produce **four** distinct low‑fidelity UI mock‑up images that illustrate the key features for the given audience and style. Each image should be a PNG URL placeholder (e.g., `https://example.com/mockup1.png`).\n2. **Heuristic Evaluation**: For each mock‑up, have Claude evaluate against Nielsen’s 10 usability heuristics and identify the **top two** violations.\n3. **Improvement Suggestions**: Provide a concise fix for each identified violation.\n4. **Ranking**: Rank the four designs from most to least usable based on the total severity of violations.\n\n## Output Format (Markdown)\n```markdown\n| Rank | Mock‑up ID | Image URL | Heuristic Violations (2) | Suggested Fixes |\n|------|------------|-----------|--------------------------|----------------|\n| 1 | UI‑A | https://example.com/mockup1.png | 1. Consistency & Standards – ... 2. Visibility of System Status – ... | 1. Align icons with global nav ... 2. Add loading indicator ... |\n| 2 | UI‑B | https://example.com/mockup2.png | ... | ... |\n| 3 | UI‑C | https://example.com/mockup3.png | ... | ... |\n| 4 | UI‑D | https://example.com/mockup4.png | ... | ... |\n```\n\n## Quality Bar\n- Produce **four** visually distinct concepts.\n- Each evaluation must reference **exactly two** heuristics with a brief description (max 30 words each).\n- Suggested fixes must be **actionable** and no longer than 20 words per fix.\n- Use placeholder image URLs; do not embed actual copyrighted assets.\n- Keep the entire prompt under **300 tokens**.\n\n## Constraints\n- No brand‑specific assets unless supplied via `brand_colors`.\n- All generated images must be royalty‑free placeholders.\n- Do not fabricate data; only work from the provided slots.\n- Output must be valid Markdown as shown above.\n```","files":[{"filename":"README.md","kind":"text","mime":"text/plain","size":468,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-variation-generator-with-heuristic-ranking/README.md"},{"filename":"usage-guide.md","kind":"text","mime":"text/plain","size":650,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-variation-generator-with-heuristic-ranking/usage-guide.md"},{"filename":"benchmark-input.txt","kind":"text","mime":"text/plain","size":249,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-variation-generator-with-heuristic-ranking/benchmark-input.txt"},{"filename":"sources.json","kind":"text","mime":"text/plain","size":167,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-variation-generator-with-heuristic-ranking/sources.json"},{"filename":"thumbnail-source.txt","kind":"text","mime":"text/plain","size":128,"raw_url":"https://onaiagents.com/api/site/raw/aidriven-ui-variation-generator-with-heuristic-ranking/thumbnail-source.txt"}],"updated_at":"2026-07-08T11:05:36.284168"}