← ClaudeAtlas

ai-output--multimodal-designlisted

Design how AI presents results across text, code, images, charts, and mixed media - response formatting, output hierarchy, and cross-modal transitions. Use when: AI output design, response formatting, AI results display, multimodal output, AI-generated content presentation, code output UX, AI visualization.
varunk130/ai-ux-skill-library · ★ 1 · AI & Automation · score 74
Install: claude install-skill varunk130/ai-ux-skill-library
# AI Output & Multimodal Design Design how AI results are presented, formatted, and consumed across every output modality - text, code, images, data visualizations, and mixed media. The RENDER framework ensures AI outputs are scannable, actionable, and trustworthy regardless of format. ## Core Principle AI generates output. Humans consume meaning. The gap between raw AI output and human understanding is a **design problem**, not a model problem. A brilliant AI answer poorly formatted is worse than a mediocre answer well-structured. --- ## The RENDER Framework | Letter | Principle | Design Question | |---|---|---| | **R** | Right Format | Is the output in the format that best serves the user's goal (not the model's default)? | | **E** | Easy to Scan | Can the user extract the key insight in under 5 seconds? | | **N** | Navigable Depth | Can the user drill into details without drowning in them upfront? | | **D** | Directly Actionable | Can the user act on this output without additional steps? | | **E** | Editable | Can the user modify, refine, or iterate on the output in-place? | | **R** | Reproducible | Can the user understand how to get this output again or share it? | --- ## Output Format Selection Matrix The AI should automatically select the best output format based on the content type: | Content Type | Best Format | Why | Anti-Pattern | |---|---|---|---| | Single factual answer | Inline text (1-2 sentences) | Quick to consume | A 3-paragraph essay for a yes/no q