html-artifactlisted

# HTML Artifact Markdownでは平坦になる並列案、階層、timeline、依存graphを、自己完結HTMLの空間構造で読みやすくする。本Skillはproduction UIを作るものではなく、意思決定や説明のための一枚物を作る。 ## 使う時・使わない時 **Use this skill when:** - Comparing multiple approaches, architectures, or designs side by side - Writing an implementation plan with phases, dependencies, or code sketches - Creating a research or status report that mixes prose, tables, and diagrams - Producing a code-review walkthrough with annotated diffs - Explaining a concept that needs a diagram (flowchart, data model, system topology) - The honest answer would require a Markdown file over ~100 lines **Do not use this skill when:** - A few bullet points or a short table in a chat reply would suffice - production UI、design system、出荷するcomponentが必要 → 本Skillの対象外。利用可能なら専用のfrontend design Skillを使う - The user explicitly wants continuous-parameter tuning (live sliders, real-time preview) → that is a prototype, outside this skill's scope - The output needs to be edited by a non-technical user in something other than a browser ## key question契約（HTMLを書く前に必須） State in ONE line: **who** will read this page and **what single question** it must answer or what decision it must enable (e.g. "ユーザーが2つの設計案からどちらを採用するか決める"). If you cannot fill this line from context, ask the user exactly one clarifying question before generating. - The **first view** (validate at 1440×900 desktop without scrolling) is composed ONLY of content that answers the key question — verdict, comparison, map. Everything el