ui-convert-writer-paper

Installation
SKILL.md

Paper Writer

Converts Design IR files into Paper MCP calls. Creates design artifacts in a Paper project using the serialized write order: tokens → styles → components → pages.

Non-negotiable Rules

  1. Serialized writes — never parallelize MCP calls.
  2. Registry updates — update registry.json after every successful write.
  3. Idempotency — check registry.json before writing. Skip if hash matches.
  4. Follow Paper API conventions — use Paper-native element types and properties.

Write Order

Phase 1: Tokens → Paper Design Tokens

Map IR tokens to Paper's token/variable system:

Token Type Paper Equivalent
Colors Color variables
Spacing Spacing variables
Radii Radius variables
Fonts Typography definitions
Shadows Effect definitions

Phase 2: Styles → Paper Shared Styles

Create reusable style definitions from token combinations.

Phase 3: Components → Paper Components

For each IR component:

  1. Read IR file from .ui-convert/ir/
  2. Create Paper element with appropriate type
  3. Add child elements
  4. Mark as reusable component
  5. Update registry.json

IR-to-Paper property mapping follows the standard pattern:

IR Key Paper Property
w, h Width, height
x, y Position
bg Background fill (token reference)
fg Text color
d Layout direction
al, jc Alignment, justification
g Gap
p Padding
br Border + radius
op Opacity
txt Text content

Phase 4: Layouts → Paper Layout Containers

For each layout artifact:

  1. Create a container with page-level dimensions
  2. Apply layout properties (direction, padding, gap)
  3. Insert placeholder slots for child pages/sections
  4. Convert to component if the layout is reused across pages

Phase 5: Pages → Paper Pages/Artboards

For each page artifact:

  1. Create page/artboard
  2. Create elements from IR node tree
  3. Use component instances for ref nodes
  4. Apply layout properties

IR Node Type → Paper Element

IR Type Paper Implementation
pg Page/artboard
fr Container with layout
txt Text element
btn Component: container + text
inp Styled input element
img Image element
crd Container with styling
mdl Overlay container
hdr, nav, ftr, sdb Semantic containers
lst, tbl List/table containers
ref Component instance

MCP Tool Signatures

This writer uses the concrete tool signatures defined in references/paper-mcp-tools.md. All MCP calls must match those signatures. If the Paper MCP server does not expose a required tool, the ui-convert-mcp-validator preflight will catch and report it before any writes begin.


Error Handling

  • MCP tool not found → halt and report; Paper MCP may not be configured
  • Token conflicts → append suffix
  • Rate limits → add delay between batches
  • Auth errors → halt pipeline

Cross-references

  • IR formatui-convert-ir-schema
  • Registryui-convert-state (registry.json)
  • Called byui-convert-coordinator (when targetTool: "paper")
  • Writer pattern → same as ui-convert-writer-pencil, ui-convert-writer-figma
  • MCP tool signaturesreferences/paper-mcp-tools.md
Related skills
Installs
1
First Seen
Apr 7, 2026