Builder stack

Snapshot to tokens

Snapshot live components into a blank Paper file, then ask Claude Code via MCP to list tokens.

Charles Postiaux's design-system recipe: copy shadcn components with Paper Snapshot, paste them as reference, connect Claude Code, and extract tokens.

Copy them with the Paper Snapshot extension. Paste them into a blank Paper project as reference. Connect Claude Code to Paper via MCP. Ask Claude to list tokens.

In this recipe

  1. shadcn/uiApp

    Live custom components to copy from.

    Home

  2. Paper SnapshotOther

    Browser extension that copies those components as editable layers.

    DocsHome

  3. PaperApp

    Blank project the Snapshot paste lands in as reference.

    DocsHome

  4. Paper MCPMCP

    Connects Claude Code to the Paper file.

    Docs

  5. Claude CodeAgent

    Lists tokens from the pasted reference.

    DocsHome

Cited from

@PostiauxCharles · Charles Postiaux

https://x.com/PostiauxCharles/status/2091853953851867281

19,297 impressions284 likes495 bookmarks14 replies20 reposts · captured 2026-09-15