artifacts

Persist, version, and iterate on LLM-generated UI (widgets, HTML, markdown). Load for Dynamic Dashboards on long workflows and conductor runs, or when saving, finding or updating a previously-rendered

SKILL.md

GitHub

Artifacts (@kirocrew-core/artifact_*)

A widget rendered inline in chat (<mcwidget>) is auto-registered as an unpinned artifact when its response segment finalizes — a record, not a library entry: unpinned auto-registered widgets are pruned oldest-first, and widgets from an incognito or temporary session are never registered at all.

Saving and pinning are two different things. artifact_save creates a named, durable artifact: it is never swept, because the sweep only ever considers auto-registered records. Pinning is the separate star (pinned, false by default) the user flips in chat or the library; it is what takes an auto-registered widget out of the sweep, and it is not something a save does for you. Either way the artifact has a stable identity, a version history, and a URL the user can open from /artifacts/<slug> in the dashboard.

Artifacts exist so the user can build a library of durable, named work — useful UIs (CR queue, pipeline health, ticket triage, dashboards) and substantial documents (plans, design docs, analyses, reports) alike — to return to, iterate on across sessions without losing prior versions, or share with peers for feedback. The library is curated: it holds work worth keeping, not a mirror of every file or a copy of the chat.

Dynamic Dashboards for long work

The host's opt-in automatic session cards are separate from saved artifacts: session events trigger bounded updates from that session's recent messages, without a conductor publishing on its behalf. The model can reuse a card's HTML layout and update only text data. Runtime state, Needs you, and exact-session answers/approvals belong to the host. Polling an artifact is not a card-generation trigger. Use the saved-view flow below for a durable, task-specific publication, not to imitate those controls or keep every session's status alive.

Interactive sessions with a Dashboard surface receive a concise saved-view pointer, not this whole skill. When the current automatic-cards setting is on, their per-turn guidance also requests concise evidence, result and next step at milestones, failures or human-only decisions. The next turn observes live setting changes, including after resume or compaction. Those messages feed eligible automatic cards; no special markup, tool-by-tool narration, duplicate artifact or extra builder is needed. Load this skill on demand for a distinct durable visualization. Do not enable automatic generation yourself, promise an immediate update, or bypass privacy or permission limits. Reuse a saved view when it already serves the task.

For a large workflow, conductor run or multi-session task, publish a Dynamic Dashboard early and update it at meaningful milestones. The model owns the design: choose the information architecture and visual form the task needs, and change it when the work changes. A timeline, dependency map, experiment comparison, release board or deliverable gallery are examples, NOT required panels or a template. Respect any known style preferences; do not interrupt unattended work to ask about style when the user delegated that choice.

  • Create with artifact_save(name=<task title>, kind="html", tags=["task-dashboard"], content=<self-contained HTML>) from the owning session or a descendant dashboard-builder session. Caller provenance, not a title or claimed root id, determines where it appears. A builder in an unrelated session will not appear in this team's dashboard. Never borrow another task's artifact because its name happens to match.
  • Keep the returned slug. Publish subsequent changes with artifact_update on that slug; retain the tag. Do not make a new artifact per step. The chat and Crew side panels pick up each published change as it is saved while visible.
  • Use real status/evidence from the task's existing sources. Show what is stuck, what needs human input, its context, and the next action. Distinguish a proposed default from an authorized action. No invented progress percentages, elapsed times, fabricated approvals or "complete" claims from an idle worker. Stamp the snapshot with the real clock and refresh after a meaningful state change.
  • For decisions, use the real ask_question capability. Tool approvals remain the runtime's normal approval flow. The host separately lists questions and approvals by their exact owning session, including Normal permission mode. Do not build imitation approval buttons or claim that clicking HTML can change a session's permissions. Never change approval mode to keep a run moving.
  • The chat side panel shows the published page as its WHOLE Overview (the host draws only the header, the Overview / Questions / Approvals segments with their counts, and notices), so a recommended layout, not a template: what needs the user first, naming or linking the decision (answering happens in the Questions tab, not in the page); then one line per work item with a status word (done / running / waiting / needs you) and details folded in details; when tasks wait on others, show the dependencies — batches that can run together, a "waits on #N" mark, or a metro-line style map for many tasks; cost/credits and technical detail (SHAs, check counts) inside the folded details; theme CSS variables.
  • HTML/CSS/SVG may freely lay out the presentation. Use theme variables, readable typography and responsive layouts from a 320px phone to an expanded view. Use meaningful task/session names and plain-language summaries: explain what happened, what is stuck, and what decision is needed. Internal session/run IDs belong only in optional technical details, never as the main labels. Avoid fixed-width canvases or tables that force the whole page to scroll sideways; stack or disclose dense content on phones and keep controls touch-friendly. The frame strips model scripts, event handlers, forms, remote resources and outbound links. Use native details/summary for disclosure; no JavaScript runtime is provided. Do not fetch APIs; publish fresh content through the tool. Native answers and approvals live outside the authored frame.
  • A dashboard is a projection, not a second task store or a reason to widen authority. Read-only conductors can delegate presentation to an authorized descendant; they must not unmount their own restrictions to publish it. If publishing is unavailable or the session is incognito/temporary, keep reporting normally; do not bypass the persistence policy. The host's live activity and approval surfaces still work without an authored page.

Artifact identity

Concept Means
Slug URL-safe identifier like cr-queue (auto-derived from name). Stable across versions. The user references artifacts by slug.
Version Monotonic integer. Every content change bumps it. The 50 most-recent versions are retained; older ones are pruned. The cap is a fixed constant with no config or env override.
Save Persist the artifact for the first time. Picks a slug, returns it.
Update / Iterate Modify content of an existing artifact. Bumps version, preserves history.
List / Find Discover what's saved. Filter by tag, kind, name substring.

Tools

Tool Purpose
artifact_save Create a new artifact, returns slug
artifact_get Load content + metadata (optional version)
artifact_update Modify content/metadata; bumps version on content change
artifact_revert Restore a prior version as the new live state, snapshotting the rollback
artifact_list Filter by tag, kind, q (name substring)
artifact_versions List version numbers for a slug
artifact_delete Permanently remove
artifact_move File an existing artifact into a folder, or unfile it
artifact_folder_list Read the folder tree — ids, paths, item counts
artifact_folder_create Create a folder; missing path segments are auto-created
artifact_folder_rename Rename a folder
artifact_folder_move Reparent a folder (cycle-guarded)
artifact_folder_delete Remove a folder; safe by default, destructive with delete_contents=true
artifact_get_comments Read every comment thread on an artifact; pass exclude_resolved to skip threads already resolved
artifact_post_comment Open a document-level thread (slug, text, optional scope); the tool takes no anchor — only the dashboard can anchor a comment to a span
artifact_reply_comment Reply in an existing thread
artifact_mark_review Advance a thread to REVIEW — addressed, awaiting human check
artifact_delete_comment Delete a thread you demonstrably applied; requires a reason
deploy_artifact Preview-only deploy of a static artifact (widget/html/markdown) or a local built directory; a kind=webapp slug is rejected

All under the @kirocrew-core MCP server.

When to save proactively

When you produce work worth keeping — something the user would plausibly want later — save it:

  • A widget you just emitted: do NOT call artifact_save on it. Its auto-registration already happened, so a save creates a second record and the tool answers with a duplicate warning. Emitting it is enough; the user's star pins it. Reach for artifact_save on widget content only when it was never emitted in a message.
  • A substantial document (plan, design, analysis, report, reference): save it with artifact_save(..., kind="markdown"). artifact_save has no source_path parameter — source is a provenance marker only (chat | cron | subagent | manual | import), and a file-backed artifact is created by the dashboard's file and knowledge paths, not by this tool. If the document lives only inline in chat, offer to save it.

Don't save throwaway output: one-shot answers, quick demo widgets, scratch notes, or project/package code that belongs in a CR.

Reuse before starting fresh

Before writing a plan/doc/analysis from scratch, check whether one already exists: artifact_list(q="<topic>") finds your own artifacts — offer to iterate on a strong match instead of duplicating it. (Use artifact_list for this; don't run a knowledge search just to find artifacts.)

Always check before artifact_save (kind=widget)

Before every artifact_save(kind="widget"), call artifact_list(kind="widget", q="<name>"). Update a name match with artifact_update instead; save only when none exists. This applies to explicit "save this" requests and proactive saves alike.

A duplicate-warning hint means the save already created a duplicate. Update the existing slug; delete the new duplicate only with explicit user direction, as required under Don't below.

Re-emitting a saved widget — slug attribute is REQUIRED

Whenever you emit an <mcwidget> body that came from (or just became) a saved artifact, include the slug as an attribute on the opening tag:

<mcwidget title="CR Queue" slug="cr-queue">
…body…
</mcwidget>

This binds the impression to the saved artifact, fills the bookmark, and links the title to /artifacts/<slug>; a bookmark click un-saves rather than duplicates. Include the slug on the first render after artifact_save, every render after artifact_update, and every re-emission across sessions (discover with artifact_list when needed).

artifact_save, artifact_get, and artifact_update return the exact <mcwidget title="..." slug="..."> re-emit hint: copy it verbatim, not from memory. The frontend's title-based bookmark dedup binds the most recently updated name match as a legacy backstop, not a substitute for threading the slug.

Slug semantics

  • Slugs are opaque server-managed identifiers. For artifacts you create, the response from artifact_save carries the slug — preserve it.
  • Slugs decouple from titles. A user can rename an artifact ("CR Queue" → "Pull Request Dashboard"); the slug stays the same. Find the slug for a possibly-renamed artifact via artifact_list(q="...") — version snapshots also capture historical titles.
  • For brand-new widgets you've never saved, you may omit slug= and the frontend will derive a stable identity from the message location. This works because the same chat message renders the same derived slug on every load — so if the user clicks bookmark, refreshes, and clicks again, the second click hits the same slug (idempotent, no duplicate).
  • The skill rule for re-emissions still applies: once an artifact exists, always thread its slug.

When the user clicks the bookmark icon

Bookmark save/un-save goes straight to the API and updates the icon; it emits no chat event, so never wait for [UI] saved-as-artifact. For a later request, use artifact_list (most recent first, optionally filtered by q) and the "iterate without a slug" flow. The server owns bookmark state: impressions GET /api/artifacts/<slug> on mount and tab visibility change, keeping tabs and sessions in sync without agent action.

The "iterate" flow

The user says "iterate on artifact <slug> — change X". Flow:

  1. artifact_get(slug) → read current.html
  2. Modify the HTML to address the change
  3. artifact_update(slug, content=new_html) → version bumps to vN+1
  4. Re-emit the same widget body in chat (so the user sees the result inline)

Companion chat sessions

Some sessions are artifact-bound companions: the user opened them from an artifact's detail page, and your session context includes an injected entry ("Companion chat for artifact `<slug>` …") naming the slug, kind, version, and open-comment count. In a companion session the user speaks naturally ("summarize this", "make the header sticky") without repeating the slug — resolve every artifact reference to the slug from that context entry. Your behavior is otherwise unchanged: the same iterate flow and the same comment triage rules apply, and the user sees your artifact_update results live in the page next to the chat.

"Iterate" without a slug

When the user says "iterate on the widget" / "update the date widget" / "change the badge to red" without specifying a slug, follow this decision tree:

Did the conversation already establish an artifact slug
(via a prior artifact_save call by you, or a slug= attribute on a widget
you re-emitted earlier this session)?
├── YES → use that slug, run the iterate flow above
└── NO ──┬── Did you emit a widget in a recent turn that the user
        │   is plausibly referring to?
        │   ├── YES → find its auto-registered slug via artifact_list,
        │   │        then run the iterate flow. Only if no record exists
        │   │        and saving is allowed, use the pre-save check above
        │   │        to save the old body as v1 before updating to v2.
        │   └── NO ──── call artifact_list (most recent first); if a
        │                strong match exists, confirm with the user
        │                ("Did you mean `cr-queue` (last updated 2m ago)?")
        │                before iterating. If no match, ask which artifact
        │                they mean.
        └── (fallthrough) ─→ ask the user to disambiguate.

Critical: never tell the user "the widget wasn't saved, so I can't iterate". Recover or, where permitted, save its identity, then iterate and report the slug. Incognito and temporary sessions forbid artifact writes; do not try to save there, and say plainly that the revision is not persisted.

Comment triage when addressing feedback

Comments delegate work: once a comment's directive is carried out, the comment has done its job. When you address artifact comments (the user asked you to iterate / "address the comments"), triage EVERY open comment as part of the same pass — never leave the human to re-read and clean up stale annotations by hand.

A comment may be anchored: artifact_get_comments returns the exact quoted span it was attached to, because the human selected that text in the artifact before writing the note. Treat an anchored comment as an instruction about that span — resolve it there rather than applying it globally, and re-read the span before editing, since a prior edit may have moved it. An anchor whose quote no longer exists in the content comes back flagged as orphaned; say so instead of guessing where it used to point.

Case Action
Unambiguous directive, fully applied ("delete this", "fix typo", a clear reframe) artifact_delete_comment with a reason ("applied in vN: <what you did>")
Applied with interpretation or judgment the human may want to check artifact_mark_review + short artifact_reply_comment stating what was done
Not applied / you disagree / needs discussion artifact_reply_comment with your reasoning; leave the thread open
Anchor text deleted as part of applying the comment Same as row 1 — delete

Rules:

  • Delete means the comment's job is done and re-reading it adds zero value. When in doubt between delete and REVIEW, choose REVIEW.
  • Never delete provider-synced comments (the tool refuses); mark those REVIEW instead.
  • Resolution (resolved status) is human-only — never attempt it.
  • Do the triage in the SAME turn as the artifact_update, comment by comment. Deletions are audited and appear in the artifact's activity feed with your reason, so nothing disappears without a trace.
  • In your summary to the user, account for the comments in one line: "Applied 5 comments (4 deleted as done, 1 marked for your review)."

Naming and slugs

  • The user-facing name is human-readable: "CR Queue Dashboard".
  • The slug is auto-derived (lowercase, hyphens) and is the stable handle.
  • If the user provides a slug explicitly, validate it matches ^[a-z0-9](?:[a-z0-9-]{0,78}[a-z0-9])?$.
  • For auto-saves, pick a name that reflects the widget's purpose, not the literal title bar text. "Today's status" is fine; "Untitled widget" is not.

Discovery

When the user asks "what have we built?" / "what artifacts do we have?" / "show me my widgets", call artifact_list and present the results — slug, name, kind, version and tags (it lists newest first; artifact_get gives updated_at). Group by tag if that aids comprehension.

artifact_list accepts tag, kind, and q (name substring) filters. Use them to narrow when the user gives constraints.

Folders

The library is a tree. artifact_save and artifact_move both take folder as a folder id OR a /-separated human path (Reports/Q3), and missing segments are created for you — so file an artifact at save time whenever it belongs with others instead of leaving it at the top level. '' or root unfiles one. artifact_folder_list gives ids, paths and item counts, which is what you read before moving anything; artifact_folder_create / artifact_folder_rename / artifact_folder_move reshape the tree, and a move cannot make a folder its own descendant.

artifact_folder_delete defaults to SAFE: it re-parents the folder's children up to its parent and removes only the folder. delete_contents=true permanently deletes the whole subtree INCLUDING every descendant artifact — echo the affected count to the user and get agreement before calling it that way.

Versioning rules

  • artifact_update(slug, content=X) ALWAYS bumps the version when content changes.
  • Metadata-only updates (rename, retag, edit description) do NOT bump.
  • Old versions are preserved up to the 50-version cap; older ones get pruned.
  • The user can browse versions in the dashboard at /artifacts/<slug> (dropdown).
  • To roll back, call artifact_revert(slug, target_version=N). It reads version N and writes it as the new live state, creating a fresh snapshot tagged reverted so the activity timeline shows the rollback. Do not hand-roll a rollback with artifact_get + artifact_update.

Tags and kinds

Tags are free-form, ≤ 16 per artifact. Useful tag conventions:

  • Workflow scope: cr, pipeline, ticket, oncall, op
  • Data source: slack, web, upload
  • State: wip, archived

Kind on the agent tools is one of widget (default), html, markdown, svg, json, text, or webapp — that is the enum artifact_save and artifact_list accept. Use widget for <mcwidget> bodies; the others for raw content the dashboard renders differently. svg stores vector source, versioned and revertible like any other kind. webapp is a deployed web application, rendered as an infra control card and carrying webapp_metadata.

There is an eighth store-level kind, image, and you cannot create it with these tools: raster artifacts are registered by the backend when your finalized message embeds ![alt](/absolute/path.png). So to keep a generated diagram, chart or screenshot, embed it that way rather than passing kind="image" — which the tool does not offer and which would store your text under an image label.

Theme safety (widget / html kinds)

Widget and html artifacts render inside the dashboard's themed iframe in whatever theme the user runs. The one rule that prevents unreadable artifacts: never set one half of a foreground/background pair with a literal color — the iframe injects body{background:var(--bg);color:var(--text)} defaults, so a lone color:#111 sits on the injected dark canvas in dark mode. This applies to script-generated pages pushed via the tools or CLI just as much as to inline <mcwidget> bodies. The full contract — the variable table and the color:var(--text,#111) fallback pattern for HTML that must also render standalone — lives in the widgets skill ("The theme contract"). artifact_save / artifact_update responses attach a ⚠️ warning when widget/html content carries hardcoded colors and no var(--…) reference.

Don't

  • Don't save mcwidget output as kind: html — widget is correct.
  • Don't include the surrounding <mcwidget title="..."> tag in content. Save the inner HTML body so the artifact page can wrap it in the same iframe sandbox.
  • Don't hardcode a color palette in widget/html artifacts — see "Theme safety" above.
  • Don't churn versions on cosmetic re-renders. If you're emitting the same widget for display purposes (no change), don't call artifact_update.
  • Don't artifact_delete without explicit user direction. Deletes are permanent.

Worked example

User: change the badge on artifact today-s-status to red.
You: artifact_get("today-s-status")
     [modify the badge]
     artifact_update("today-s-status", content=new_html)
     <mcwidget title="Today's status" slug="today-s-status">…new body…</mcwidget>

Showing diffs that the dashboard can act on

For each file-backed artifact change (artifact_update, artifact_revert, or an edit), show a fenced diff block with unified headers so the dashboard can render its Open file button:

--- <source_path>
+++ <source_path>
@@ -<oldStart>,<oldLines> +<newStart>,<newLines> @@

Read source_path from artifact_get at the start and reuse it. Use /dev/null on the --- line for a new file or the +++ line for a deletion. Prefer plain paths; git's a/ and b/ prefixes also work. Compare the shown versions for line numbers; if unknown, @@ -1 +1 @@ is accepted because the button uses the path. For chat-backed artifacts (source_path is empty), headerless diff blocks are fine: there is no file to open.