About show-me-artifact
A skill for publishing reports and decision sets as browser-based artifact pages rather than long chat messages or local HTML. It structures status, comparisons, and decisions into focused views, with support for updating and republishing changing pages.
Key features
- 01Publish a report as an artifact page
- 02Choose views for status and comparisons
- 03Present decisions with options and evidence
- 04Update page data and republish
Use cases
- 01Share a report in a browser-readable format
- 02Present several options side by side
- 03Collect and record decisions on a changing report
MCP support
Uses Claude's `Artifact` tool to publish a browser-based page; without it, the README directs users to create focused HTML with `/show-me`.
Install
Copy the command and run it in a terminal.
npx skills add https:/ / github.com/ yahyabedirhan/ skills --skill show-me-artifactAfter installing, type/show-me-artifactin Claude Code to confirm it loaded.
Details
From the project READMEPublish the report as one artifact page the user reads in a browser, instead of a long chat message or a local HTML file. It needs Claude's Artifact tool. Without it, write one focused HTML file with /show-me instead.
Steps
-
Load
/show-mefor its views and principles, and publish them as one artifact page in place of the local HTML file it opens. -
Make one page per report or decision set. When the user asks about a different subject, start a new page instead of adding a section. Open with what the reader needs first: where things stand and how many decisions wait on them. Then pick a view per point:
- progress as a meter with a checkpoint list, each checkpoint marked done, running or waiting;
- the state of many items as a tree grouped by status, each leaf with a one-line reason;
- runs, options or versions side by side as a table;
- each open decision as a decision card.
Put on the page only what helps the reader understand or decide, and link to a file for the detail behind a point.
-
Write each decision card so the reader can decide from the card alone, without opening a file or scrolling back: what is being decided, why it matters, the evidence as the smallest visual that makes the point, the options, and the recommended one marked. Give each card a short id (
D1,D2) and each option a letter (A, B, C), so the reader can answer in one line, such as "D3: B". -
Build the page and publish it with the
Artifacttool. Give the user the link with one line on what the page holds.- When the page will change, such as a report updated at each checkpoint:
- Data file:
data.jsonholds the content, in the project's.scratch/, since the session's scratchpad is deleted with the session and a later session must rebuild from it. - Generator:
build.py, beside it, turns it into HTML. Loadartifact-designbefore writingbuild.py, so every rebuild carries its theming and phone-width rules. - Edits: make every change in
data.jsonorbuild.py, since a rebuild overwrites the HTML. - Republish: from the same file path, so the link the user already has shows the new version.
- Data file:
- When work is handed over or a pull request links the page, write the page's URL and where its data file is there. A later session reads the page with the
Artifacttool'sreadaction on that URL, then rebuilds and publishes withurlset to it, instead of making a new page.
- When the page will change, such as a report updated at each checkpoint:
-
When the user answers a card, act on the answer, then mark that card decided on the page at the next republish, so the page never asks again what is settled.
- When the answer is a page comment, read it with the
ArtifactCommentstool and treat it like an answer in chat.
- When the answer is a page comment, read it with the