Packet Atlas
Follow animated traffic, switch environments, inspect ports, and trace fictional failures.
Explore the architecture ↗MAKE SOMETHING. GIVE IT A HOME.
Your best AI output
should leave the chat.
Turn a self-contained HTML artifact into a readable page, with the Markdown explanation and source data alongside it.
Make it
Ask Claude for a portable HTML page. Specify the audience, the content, and the interaction—not just “make it beautiful.”
Save it
With Marke.st connected, ask Claude to create one paste containing the HTML, a README, and any sample data.
Share it
Use the actual URL returned by the tool. Choose unlisted, public, or private sharing deliberately.
The request that joins it together
Create a responsive, self-contained HTML welcome guide for a fictional habit-tracking app. Use inline CSS and native browser interactions; no external dependencies. Use the Marke.st connector to save it as index.html, with README.md and fictional example.json in ONE new unlisted paste. Read it back, then give me the real link.
The full prompt, setup link, and portability checklist are in this collection's document list.
BEYOND STATIC PAGES
An architecture explorer. A playable game. The same publishing pattern.
These two self-contained HTML artifacts add JavaScript, animation, and local state to the idea. Open them, interact, then use the guide to build your own.
Queue Rescue
Investigate a simulated incident, spend change credits, and earn a score by verifying recovery.
Play the incident game ↗How the HTML sandbox works + two copyable build-and-publish prompts ↗
Browser-only examples, not live infrastructure. No external libraries or backend are needed for these two artifacts. Their validation records distinguish local tests from hosted-browser checks.
Start small with the welcome-page example
Open demo.html from the document list. It is a working little welcome page with expandable tips and checkboxes. There is no backend, analytics, or saved progress.
This is an original demonstration, not a screenshot of a Claude session or proof that a new Claude login was tested. The prompt is something you can run yourself.
Does Claude already offer artifact sharing?
Yes. Marke.st is another publishing destination, useful when you want the artifact, supporting documents, code, and selected sharing controls in one collection. It is not required just to share every Claude artifact.
Can I paste any React app?
Not automatically. A React component, package imports, hosted AI calls, or Claude-specific storage may need conversion or a separate application runtime. Request portable HTML and inspect the dependencies before sharing.
Can the agent make it publicly discoverable?
It can request public visibility. When Marke.st returns an approval link, the account holder must approve it in the browser. A pending request is not a public listing.