Artifold

Ask Claude Code for a coffee tier list and you get a tidy page with sliders, cards and score bars, built from the same parts it uses for everything. Ask with /craft and it designs for the subject: the one on the right reads like the menu board in a café.

Same prompt, same model (Claude Opus 5.5). Ten more pairs are below.

Then Artifold keeps it. Every HTML page your agent has ever written lives in one local dashboard, where you can search it, see every version, and share it with one click.

Works with Claude Code and Codex.

A designer at Figma, engineers at OpenAI and Meta, and a data engineer at DoorDash have praised pages made with craft.

Why this exists

I made a 30-day workout tracker for my partner with Claude. A few weeks later I couldn't find it. It was somewhere in a pile of project folders and downloads, so I asked for it again. The new one was worse, and it looked like most AI pages do: a purple gradient and a row of identical cards.

Thariq on the Claude Code team ended up doing the same search by hand:

"I asked Claude Code to read through my code folder and find all the HTML files I've generated, group and categorize them …"

Thariq, The Unreasonable Effectiveness of HTML

So I built craft for the generic look and the library for the lost pages. The two share data. Before craft picks a layout, it looks at your last few pages so it doesn't repeat them. Each page it saves arrives in the library with a title and a description already filled in.

Making pages: craft

Type /craft a 30-day strength tracker for a beginner in Claude Code, or $craft ... in Codex, and it:

• decides how much design the job needs. A daily checklist gets clean type and nothing more. A deck or a public page gets its own layout and a font pairing.
• edits the content before styling it: what the reader should remember, what to cut, and what belongs in a table or chart instead of prose
• picks a layout, a visual style and a tone for this subject, plus one detail built for it, such as a custom chart, a running margin note, or progress shown as passport stamps
• checks the page against 15 named AI-design habits (purple gradient hero, identical icon cards, emoji bullets, glass panels, everything centered) and removes them
• renders the page at desktop and phone widths in a headless browser, and fixes what it finds
• saves it to ~/artifold-inbox/, where it shows up in the library within seconds

You can also point it at something you made before: /craft a poker odds explainer, like dobble starts from that page's actual CSS.

Eleven prompts, each run through Claude twice. Click through to the gallery to open any of them.

Keeping pages: the library

Finds everything

Point it at a few folders and it indexes every HTML file in them. Each artifact gets a screenshot thumbnail, a category, and a one-line description of what it is for, so two similar cheat sheets are easy to tell apart at a glance. Search covers titles, headings, opening text, prompts and intents. ⌘K jumps to anything.

It skips node_modules, build output, cloned git repos, server templates, and anything nested deeper than max_depth (3 by default).

To keep a page out of view without deleting it, hide it: the eye button on its card, or artifold hide <file>. The file stays where it is. You can hide a whole folder too, and pages added to it later stay hidden. Hidden pages leave the grid, the counts, ⌘K and artifold search, and the Hidden view in the sidebar brings them back. This is for clutter and screen sharing, not security: a hidden page can still be opened and shared.

Keeps the history

Files named report-v2.html or report (1).html, or dated copies of the same page, collapse into one card with a version picker and a diff view. Pages you edit in place keep a revision history too, and a card shows how many times you have revised or opened it. "Most used" sorts by that, so the trackers you open every day stay near the top instead of sinking under last week's one-offs.

Shares in one click

Click share on any card and, usually within a minute, you get a permanent link like https://you.github.io/artifold-share/abc12345.html, copied to your clipboard. It publishes to your own GitHub Pages: free, no expiry, and the person you send it to needs nothing installed. It uses the gh CLI, so you need to be logged in to GitHub there. You can also export any artifact to PDF.

The shared copy gets one small line at the bottom, "Made with craft" or "Shared with Artifold", linking here. Your own file is not changed. Turn it off with artifold share --no-credit, or for good with artifold config share_credit off.

여기까지가 README 앞부분입니다. 나머지는 원문에서 읽을 수 있습니다. README 전문 보기 ↗