project-artifact

Featured

Generate and publish a project status artifact — an opinionated, tabbed status page for a project too big for one update (overview & success criteria, the workstream sequence, next steps, plus background, plan, risks & open questions, and decisions/FAQ when they earn a tab) — published with the built-in Artifact tool to a default-private claude.ai page the user can share with teammates. Use when a piece of work spans several workstreams and you want a shareable overview kept current. Each artifact is backed by a small per-project config in the plugin data dir, so refreshing it re-gathers live state, redeploys the same URL, and reports only the delta. For software projects whose workstreams are PRs, also read swe.md (the X.Y PR-numbering convention; pulling PR state with gh/git; a per-PR detail block). Needs the built-in Artifact tool (claude.ai login). Not for single-PR changes or public docs.

Data & Documents 31,915 stars 3522 forks Updated today Apache-2.0

Install

View on GitHub

Quality Score: 96/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

# project-artifact — an opinionated project status page This skill produces one specific *kind* of artifact: a tabbed status page that represents a project too big for one update — a software migration, a research effort, a launch, an org initiative; anything with a set of parallel/dependent workstreams tracked over time. It generates the HTML (one file, self-contained — the Artifact CSP blocks all external hosts, so everything is inlined; the only `<script>` is the tab switcher) and publishes it with the built-in `Artifact` tool to `https://claude.ai/code/artifact/<uuid>`. The page is default-private; the viewer gives the owner a version picker and lets them share it with teammates. (The general "render any HTML/Markdown to a web page" capability is the built-in `Artifact` tool; this is the project-tracker structure on top — defining what an artifact *is* belongs to that tool, not here.) The SWE specifics for PR-driven projects are in `swe.md`, kept out of this file so the project-artifact structure stays domain-neutral. ## Workflow 1. **Resolve the artifact config, then locate the project.** Each project gets a directory at `${CLAUDE_PLUGIN_DATA}/artifacts/<slug>/` holding `config.md` (see **"The artifact config"** below) and `page.html` (the current render); listing `artifacts/` is the registry of this skill's artifacts on this machine. If the user names a project, load that slug; if exactly one config matches the session (its repo is the cwd, or its ...

Details

Author
anthropics
Repository
anthropics/claude-plugins-official
Created
7 months ago
Last Updated
today
Language
Python
License
Apache-2.0

Integrates with

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

project-scaffold-from-artefact

{{ 𝛀𝛀𝛀 }} Convert an exported Claude artefact (HTML or JSX) into a working Svelte 5 / SvelteKit 2 project: interview for the project-shaping decisions, translate React idioms, rewire styling onto Reasonable Colors, then optionally wire up tests, git, docs, and deploy.

5 Updated 3 days ago
JasonWarrenUK
Web & Frontend Listed

web-artifacts-builder

Suite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern frontend web technologies (React, Tailwind CSS, shadcn/ui). Use for complex artifacts requiring state management, routing, or shadcn/ui components - not for simple single-file HTML/JSX artifacts.

2 Updated today
emaballarin
Web & Frontend Listed

work-canvas

Turn an agent's own work — progress, debugging, analysis, comparisons, decisions — into one self-contained, reviewable HTML page (a "work canvas" / 网页看板) the user opens in a browser. Use when the user asks to create an interactive, reviewable, "alignment", progress, status, comparison, or summary HTML / dashboard / report / 看板 to see where a long task stands, review and comment, compare options, or decide next steps — especially for long-running, multi-subsystem, or trial-and-error tasks where terminal logs are the wrong medium. Also use to close out a `/goal` command session with a progress/status report. Covers three artifact types: (1) progress/status reports, (2) review/decision memos, (3) comparison/leaderboards. Not for building product UIs or shipping web apps — use the frontend-design or web-artifacts-builder skills for those.

19 Updated 2 weeks ago
JingbiaoMei