artifact-designer

name	artifact-designer
description	Create, validate, preview, and publish self-contained HTML artifacts. Use for dashboards, reports, timelines, prototypes, diff walkthroughs, benchmark viewers, decision docs, and existing HTML files that need previewing or publishing. Use direct file commands for user-provided HTML; scaffold only when creating a new artifact.

Artifact Designer

Use this skill for HTML artifacts and HTML publishing.

Core rule

If the user points to an existing .html or .htm file, operate on that file directly.

Do not:

• create a new artifact
• copy it into .artifacts/
• wrap it in the template
• enforce Artifact UI design classes

Use the helper's --file commands.

Existing HTML file

Validate:

node <skill-dir>/scripts/artifact.mjs validate --file path/to/file.html --strict

Preview:

node <skill-dir>/scripts/artifact.mjs preview --file path/to/file.html --open

Publish:

node <skill-dir>/scripts/artifact.mjs publish --file path/to/file.html --target temporary

Add --name <worker-name> only when the user asks for a stable Worker name.

File validation checks publish safety and platform limits. It does not check for .artifact-* classes or bundled design tokens.

New artifact

Use this path only when the user asks you to create or redesign an artifact.

If artifact tools are available, use them:

artifact_create({ title, instructions, kind, id? })
artifact_validate({ id, strict: true })
artifact_preview({ id, open: true })
artifact_publish({ id, target: "cloudflare-temporary", confirmPublic: true })