artifact-capabilities

Featured

Runtime capabilities a published Artifact page can be granted — behavior static HTML cannot provide on its own, such as the page reading live or connected data, remembering what people do on it (a poll, a sign-up sheet, a checklist, a document edited in place — it saves new versions of itself), keeping state shared across viewers, knowing who is viewing, asking Claude a question of its own, storing files people add, or handing the viewer a file to save. Serves this user's live capability roster and the typed call definitions. Load it whenever the user asks for an artifact needing any such runtime behavior.

AI & Automation 64,796 stars 10637 forks Updated yesterday CC0-1.0

Install

View on GitHub

Quality Score: 90/100

Stars 20%
100
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Artifact runtime capabilities A published Artifact page can declare **runtime capabilities** — abilities the claude.ai viewer grants the page at open time — by passing `capabilities: {name: config}` to the Artifact tool. The control plane is the authority on valid names and config shapes. Declaration gestures: **omitting** `capabilities` on a redeploy carries the stored declaration forward unchanged (and preserves the artifact's stored contract pin); an **empty object** `{}` is the explicit clear-all; a **non-empty object** is a full-set declaration (anything stored but not restated is revoked). Moving a republished artifact's runtime version is a deliberate gesture — pass `contract: 'latest'` to upgrade, or a specific version to pin or roll back — never a side effect of editing. **Available capabilities:** `artifact`, `downloads`, `mcp`, `self` — the complete set of capability names you may declare. Anything not listed is unavailable to this user. Runtime contract 0.2.21 Capability namespaces live behind `claude.use(name)`: `const db = await claude.use("db")` resolves the capability's namespace, or `null` when this view cannot run it (not served, not granted, or failed to load — indistinguishable by design). Branch on `null` and design for absence. `window.claude` carries only `use`: no `window.claude.db`, `.room`, or `.artifact` member is ever promised, so never read one — render the page without them and light features up when the promise resolves (later, never with...

Details

Author
asgeirtj
Repository
asgeirtj/system_prompts_leaks
Created
1 years ago
Last Updated
yesterday
Language
JavaScript
License
CC0-1.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Data & Documents Listed

live-data-artifacts

Build artifacts that read live data from the viewer's claude.ai connectors - capability declaration, watchTool versus callTool, cache and freshness UI, error-code handling and retry policy, the observe-a-real-response rule, and graceful degradation to a baked snapshot when the capability is absent. Use when a page must show current data rather than a build-time snapshot. Trigger on "live data", "live artifact", "connector", "real-time dashboard", "pull from BigQuery in the page", "auto-refresh", "mcp capability", "make it live".

0 Updated 2 weeks ago
Lukehle
Data & Documents Listed

stateful-artifacts

Build artifacts where the page itself is the record - trackers, checklists, sign-off boards, approval queues, polls, and collectors that remember what viewers do and share it across everyone who opens the page. Covers live-document sync regions, the classic publish model, conflict handling, read-only viewers, and local-only scratch UI. Trigger on "tracker", "checklist", "the page should remember", "shared state", "sign-off", "collect responses", "collaborative page", "save state in the artifact".

0 Updated 2 weeks ago
Lukehle
AI & Automation Listed

artifact-architecture

The foundational constraints and structure of a published Claude artifact - the strict CSP that blocks every external host, the self-contained requirement, the snapshot-versus-live data decision, page budget, title and favicon discipline, and redeploy semantics. Read this before building any artifact, app, or dashboard. Trigger on "artifact", "build a dashboard", "publish a page", "make an app", "interactive page", "why won't my chart library load", "CSP", "self-contained".

0 Updated 2 weeks ago
Lukehle