ai-output--multimodal-designlisted
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