artifact-editor

Interactive HTML artifacts. The reader is also the writer. They drag cards, flip flags, slide ramps, edit prompts, and export the result as JSON, YAML, a Slack-paste, or a clipboard string.

Read artifact-css/SKILL.md first for the design system, the page skeleton, and the Interactivity layer documenting the jQuery + jQuery UI loader pattern. Editor artifacts always opt-in.

When to reach for this skill

• User says "build me a UI for X" with X being a data structure they want to manipulate.
• User wants a triage / planning board they can interact with.
• User wants to tune a feature-flag rollout interactively and copy the resulting config.
• User wants a prompt-tuning playground with sliders for temperature / top-p / max tokens.
• User wants a quick "design tool" or "config builder" they can ship as a single file.

Static reports and plans do NOT use this skill — they're read-only by design.

Three templates