ワンクリックで
claude-design-html-artifact
HTML artifact generation workflow for modular design outputs and reusable starter scaffolds.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
メニュー
HTML artifact generation workflow for modular design outputs and reusable starter scaffolds.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
| name | claude-design-html-artifact |
| description | HTML artifact generation workflow for modular design outputs and reusable starter scaffolds. |
Use this skill when the deliverable is an HTML/CSS/JS artifact that needs starter scaffolds, modular structure, and preview readiness.
Use when the user asks for a deep code review, adversarial review, multi-agent review, risk-ranked review, PR review, security-sensitive review, or implementation verification with concrete file and line evidence.
Use when the user asks to debug a failing test, runtime error, regression, flaky behavior, production-like failure, root-cause analysis, or loop-until-done repair workflow.
Use when the user asks for source-backed research, official-documentation lookup, technical comparison, dependency evaluation, repository investigation plus synthesis, or fan-out research with ranked conclusions.
Use when the user asks for a dynamic workflow, multi-agent workflow, task-specific harness, complex task orchestration, fan-out synthesis, adversarial verification, generate-and-filter exploration, tournament-style solution search, or loop-until-done execution in Codex.
Wireframe workflow for low-fidelity structure, hierarchy, and information layout exploration.
Animation workflow for motion-heavy artifacts, scene timing, and browser playback review.