Paper

Paper design canvas workflow for active design work through paper.design or a Paper MCP when available. Use when the user asks to use Paper, paper.design, a visual canvas, artboards, or active design iteration outside Figma. If Paper tools are unavailable, state that clearly and fall back to Figma, Wiretext, browser artifacts, or code.

tommylower 62e6e25 1.5 KB Updated

File contents

Paper

Use Paper as the active design canvas when the user asks for Paper or when the design workflow needs visual artboards and a Paper MCP is available.

Fit

Use Paper for:

  • Visual layout exploration before implementation.
  • Artboards and design iteration.
  • Translating product direction into screens.
  • Reviewing a canvas alongside code.

Do not pretend Paper is connected. If no Paper MCP/tooling is available in the current agent, say so and offer the nearest available path: Figma, Wiretext, an HTML artifact, or direct code implementation.

Workflow

  1. Confirm whether Paper access is available in the current agent.
  2. If available, create or open the canvas and work visually.
  3. Keep the design tied to implementation constraints: components, tokens, breakpoints, and states.
  4. When handing back to code, summarize the screens, tokens, component changes, and unresolved decisions.

Related Skills

  • figma-mcp for Figma-to-code or token extraction.
  • wiretext for quick low-fidelity layouts.
  • preflight for static UI review before shipping.
  • wip-senior-audit for live product review.

tommylower/cortex/tree/main/design/tools/paper commit 62e6e25794

Frequently asked questions

npx skillmds@latest add tommylower/paper