# Tool Description: AskUserQuestion (preview field)

> Instructions for using the HTML preview field on single-select question options to display visual artifacts like UI mockups, code snippets, and diagrams

- Skill: `lord1egypt/tool-description-askuserquestion-preview-field-2` (Agent Skill)
- Install (CLI): `npx skillmds@latest add lord1egypt/tool-description-askuserquestion-preview-field-2`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lord1egypt/tool-description-askuserquestion-preview-field-2/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- License: BSD-3-Clause license
- Author: Lord1Egypt (https://skillmd.com/u/lord1egypt)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/lord1egypt/tool-description-askuserquestion-preview-field-2

---


Preview feature:
Use the optional `preview` field on options when presenting concrete artifacts that users need to visually compare:
- HTML mockups of UI layouts or components
- Formatted code snippets showing different implementations
- Visual comparisons or diagrams

Preview content must be a self-contained HTML fragment (no <html>/<body> wrapper, no <script> or <style> tags — use inline style attributes instead). Do not use previews for simple preference questions where labels and descriptions suffice. Note: previews are only supported for single-select questions (not multiSelect).
