A record of the exact prompts used to build this project, in order. Feel free to replicate this workflow.
A brand identity PDF (the designer's most complete creative statement) is read by an AI agent that understands not just the colours and fonts on the page, but the rules governing their use, the errors hiding in their specification, and the personality encoded in the language surrounding them. From this reading, the agent constructs a living design system directly on a connected canvas: structured, editable, and ready to export as code.
Note: What the agent builds is not a copy of the document, but a (distilled) document's intent, made operable.
Tools needed:
npm install -g @anthropic/claude-codeConnect Paper MCP (run once):
claude mcp add paper --transport http <http://127.0.0.1:29979/mcp> --scope user
Before every session:
Open Paper Desktop and open your file - the MCP server only runs when Paper is open
Launch Claude Code: claude
Type cd then drag in the folder containing all brand identity guide assets (including PDF and Logo.svg and/or any other you’d like to display on the Paper Brand Interpreter canvas)
<aside> 💡
Use the example style guide and logo svg below, or find one in this online library.
</aside>
