Getting it into your agent
One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.
npx skills add varunk130/ai-ux-skill-library --skill ai-multimodal-outputgit clone --depth 1 https://github.com/varunk130/ai-ux-skill-libraryWrote this? Show the measurements
A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.
[](https://agentmods.dev/skills/varunk130/ai-ux-skill-library/ai-multimodal-output)<a href="https://agentmods.dev/skills/varunk130/ai-ux-skill-library/ai-multimodal-output"><img src="https://agentmods.dev/badge/skills/varunk130/ai-ux-skill-library/ai-multimodal-output/github.svg" alt="Measured on agentmods" height="20"></a>Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.
<a href="https://agentmods.dev/skills/varunk130/ai-ux-skill-library/ai-multimodal-output"><img src="https://agentmods.dev/badge/skills/varunk130/ai-ux-skill-library/ai-multimodal-output.svg" alt="Reviewed on agentmods" width="80" height="20"></a>What it costs to keep this loaded
Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00066 | $0.02037 |
| Opus 5 | $0.00033 | $0.01019 |
| Sonnet 5 | $0.00013 | $0.00407 |
| Haiku 4.5 | $0.00007 | $0.00204 |
Grade A, and why
ai-multimodal-output scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 11d ago.
A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.
Nothing flagged
None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.
How it starts
The opening of the file, as written. The whole thing — 180 lines — stays where its author put it; the contents beside it link to each section on GitHub.
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 question |
| Step-by-step instructions | Numbered list with headers | Scannable, sequenceable | Prose paragraphs describing steps |
| Comparison | Table with clear columns | Side-by-side evaluation | Alternating paragraphs about each option |
| Code | Syntax-highlighted code block with language label | Copy-friendly, readable | Code embedded in prose without formatting |
| Data/trends | Chart or visualization | Pattern recognition | Raw numbers in a paragraph |
| Complex explanation | Headers + sections + summary | Navigable hierarchy | Wall of undifferentiated text |
| Creative writing | Clean prose, no artifacts | Immersive reading | Bullet points for a poem |
| Mixed | Composite card with labeled sections | Each element in its optimal format | Forcing everything into one format |
What this file has done since we first saw it
Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.
- 11d ago First seen · 180 lines · 66 tokens per session scan A ce2d687e284b
ai-multimodal-output is a skill published in the GitHub repository varunk130/ai-ux-skill-library (3 stars, last pushed 1mo ago), licensed MIT. It adds 66 tokens to every session and 2,037 once invoked, about $0.0003 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.
Other skills, from other repositories
design-dna
Extract, define, and apply design DNA across three dimensions: design system (tokens), design style (qualitative feel), and visual effects (Canvas, WebGL, 3D, particles, shaders, scroll effects, etc.). Use this skill when: (1) a user wants to see the full 3-dimension design structure/schema, (2) a user provides…
ss-dial
Turn ONE design axis up or down as a coordinated, deterministic transform — "denser", "sharper corners", "more muted", "bolder", "flatter", "livelier". Not a vibe the model reinterprets each time; a defined ramp that moves many tokens together, respects the guardrails (8px grid, a11y floors, single accent…
ss-reference
Compile screenshots, URLs, Figma exports, or an existing UI into a project-local StyleSeed output grammar with evidence, tokens, confidence, anti-patterns, and a validation screen. Use when the user supplies a design reference that StyleSeed does not already model.
bim-classification-ai
Classify BIM elements using AI and standard classification systems. Map elements to UniFormat, MasterFormat, OmniClass, and CWICR codes.
032-architecture-adr-non-functional-requirements
Facilitates conversational discovery to create Architectural Decision Records (ADRs) for non-functional requirements using the ISO/IEC 25010:2023 quality model. Use when the user wants to document quality attributes, NFR decisions, security/performance/scalability architecture, or design systems with measurable…
component-family-consistency
Buttons, inputs, pills, badges, calendars, and other interactive components form a visual family — they share the same border-radius, colour logic, shadow scale, border style, and spacing rhythm. Inconsistency between them breaks the sense of a coherent product. Use when building or reviewing a component library…