Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 12 additions & 0 deletions .agents/plugins/marketplace.json
Original file line number Diff line number Diff line change
Expand Up @@ -329,6 +329,18 @@
"authentication": "ON_INSTALL"
},
"category": "Research"
},
{
"name": "paper",
"source": {
"source": "local",
"path": "./plugins/paper"
},
"policy": {
"installation": "AVAILABLE",
"authentication": "ON_INSTALL"
},
"category": "Design"
}
]
}
54 changes: 54 additions & 0 deletions plugins/paper/.codex-plugin/plugin.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,54 @@
{
"name": "paper",
"version": "0.1.0",
"description": "Design in Paper and move between live canvas work and production code.",
"author": {
"name": "Paper",
"email": "team@paper.design",
"url": "https://paper.design"
},
"homepage": "https://paper.design",
"repository": "https://github.com/openai/plugins",
"license": "MIT",
"keywords": [
"paper",
"design",
"canvas",
"html",
"css",
"design-to-code",
"code-to-design",
"prototyping",
"mcp"
],
"skills": "./skills/",
"mcpServers": "./.mcp.json",
"interface": {
"displayName": "Paper",
"shortDescription": "Read and write Paper canvases from Codex",
"longDescription": "Use Paper to move between live canvas design work and production code. Codex can read Paper artboards, styles, and text, then generate implementation-ready code or create new Paper layouts from the patterns already in your repo.",
"developerName": "Paper",
"category": "Design",
"capabilities": [
"Interactive",
"Read",
"Write"
],
"websiteURL": "https://paper.design",
"privacyPolicyURL": "https://paper.design/legal/privacy",
"termsOfServiceURL": "https://paper.design/legal/tos",
"defaultPrompt": [
"Implement the selected Paper design in this codebase",
"Create a Paper settings page using this repo's styles and tokens",
"Read this Paper artboard and turn it into production-ready UI code"
],
"brandColor": "#81ADEC",
"composerIcon": "./assets/logo.svg",
"logo": "./assets/app-icon.png",
"screenshots": [
"./assets/barley-layout.png",
"./assets/barley-feedback.png",
"./assets/barley-responsive-frames.png"
]
}
}
9 changes: 9 additions & 0 deletions plugins/paper/.mcp.json
Original file line number Diff line number Diff line change
@@ -0,0 +1,9 @@
{
"mcpServers": {
"paper": {
"type": "http",
"url": "http://127.0.0.1:29979/mcp",
"note": "Paper Desktop exposes this local MCP server while the desktop app is running with a document open."
}
}
}
Binary file added plugins/paper/assets/app-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added plugins/paper/assets/barley-feedback.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added plugins/paper/assets/barley-layout.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
3 changes: 3 additions & 0 deletions plugins/paper/assets/logo.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
8 changes: 8 additions & 0 deletions plugins/paper/skills/code-to-design/SKILL.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
name: code-to-design
description: Create or update Paper designs using the project's real styles, tokens, and components.
---

Before starting, ensure Paper Desktop is running with a file open. If the Paper MCP server is unavailable, tell the user to open Paper Desktop first.

Read the project's stylesheets, theme files, design tokens, and reusable UI components to understand the existing design language. Then create or update the requested Paper artboards using the codebase's actual typography, colors, spacing, and component patterns rather than generic defaults.
8 changes: 8 additions & 0 deletions plugins/paper/skills/design-to-code/SKILL.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
---
name: design-to-code
description: Turn Paper artboards into production code using the project's existing conventions.
---

Before starting, ensure Paper Desktop is running with a file open. If the Paper MCP server is unavailable, tell the user to open Paper Desktop first.

Read the selected Paper frame or artboard, including structure, text, styling, and computed layout. Then implement it as production-ready UI that matches the project's existing framework, component patterns, styling approach, and design tokens.