# 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` (Agent Skill)
- Install (CLI): `npx skillmds@latest add lord1egypt/tool-description-askuserquestion-preview-field`
- Raw SKILL.md: https://api.skillmd.com/api/skills/lord1egypt/tool-description-askuserquestion-preview-field/raw
- Safety review: pending
- 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-17
- Page: https://skillmd.com/skills/lord1egypt/tool-description-askuserquestion-preview-field

---


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).
