diff --git a/.agents/plugins/marketplace.json b/.agents/plugins/marketplace.json index a390b37f..39f0283d 100644 --- a/.agents/plugins/marketplace.json +++ b/.agents/plugins/marketplace.json @@ -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" } ] } diff --git a/plugins/paper/.codex-plugin/plugin.json b/plugins/paper/.codex-plugin/plugin.json new file mode 100644 index 00000000..8cac86cf --- /dev/null +++ b/plugins/paper/.codex-plugin/plugin.json @@ -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" + ] + } +} diff --git a/plugins/paper/.mcp.json b/plugins/paper/.mcp.json new file mode 100644 index 00000000..5060445b --- /dev/null +++ b/plugins/paper/.mcp.json @@ -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." + } + } +} diff --git a/plugins/paper/assets/app-icon.png b/plugins/paper/assets/app-icon.png new file mode 100644 index 00000000..e6677664 Binary files /dev/null and b/plugins/paper/assets/app-icon.png differ diff --git a/plugins/paper/assets/barley-feedback.png b/plugins/paper/assets/barley-feedback.png new file mode 100644 index 00000000..4cd7e71c Binary files /dev/null and b/plugins/paper/assets/barley-feedback.png differ diff --git a/plugins/paper/assets/barley-layout.png b/plugins/paper/assets/barley-layout.png new file mode 100644 index 00000000..66fa9b95 Binary files /dev/null and b/plugins/paper/assets/barley-layout.png differ diff --git a/plugins/paper/assets/barley-responsive-frames.png b/plugins/paper/assets/barley-responsive-frames.png new file mode 100644 index 00000000..3778343d Binary files /dev/null and b/plugins/paper/assets/barley-responsive-frames.png differ diff --git a/plugins/paper/assets/logo.svg b/plugins/paper/assets/logo.svg new file mode 100644 index 00000000..060a84e1 --- /dev/null +++ b/plugins/paper/assets/logo.svg @@ -0,0 +1,3 @@ + + + diff --git a/plugins/paper/skills/code-to-design/SKILL.md b/plugins/paper/skills/code-to-design/SKILL.md new file mode 100644 index 00000000..ab0d1b59 --- /dev/null +++ b/plugins/paper/skills/code-to-design/SKILL.md @@ -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. diff --git a/plugins/paper/skills/design-to-code/SKILL.md b/plugins/paper/skills/design-to-code/SKILL.md new file mode 100644 index 00000000..64692eb2 --- /dev/null +++ b/plugins/paper/skills/design-to-code/SKILL.md @@ -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.