Use Artifacts

Overview

Use this skill to simulate Claude Artifacts in agents that do not have a native artifact panel. The artifact is a small global workspace, usually a single self-contained HTML file, created at ~/.agents/artifacts/<id>/ so the user can open, inspect, and iterate on it from any repo.

Always create artifacts in the global user directory: ~/.agents/artifacts/<id>/. Never create artifacts inside a repo-local .agents/artifacts directory, even when the current working directory is a product repo.

The HTML is the deliverable. It should turn the agent's public reasoning, plan, findings, examples, and tradeoffs into a polished page the user can scan, not just dump markdown into a file.

Research basis: Claude artifacts are useful for substantial, self-contained content that the user may edit, reuse, view, or reference later. Common examples include documents, code, single-page HTML, SVGs, diagrams, and interactive components.

Artifact Criteria

Create an artifact when the work is: