Documentation
Contents
Quick Start
Get started with PinePaper Cloud Studio in 3 steps:
1. Get Your API Key
Visit /add-credits to purchase credits. After payment, you'll receive your API key instantly. New users get a $1 bonus!
2. Configure Claude Desktop
Add the following to your Claude Desktop configuration file:
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json
Windows: %APPDATA%\Claude\claude_desktop_config.json
{
"mcpServers": {
"pinepaper-cloud": {
"url": "https://cloud.pinepaper.studio/mcp/v1",
"transport": "http",
"headers": {
"Authorization": "Bearer pp_live_YOUR_API_KEY"
}
}
}
}
3. Start Creating
Restart Claude Desktop and try:
- "Create a red circle that pulses"
- "Make a flowchart for user login"
- "Create a solar system with Earth orbiting the Sun"
Web Studio & AI Code Console
You don't need Claude Desktop to use PinePaper. Sign in at pinepaper.studio/editor with your PinePaper Cloud account and the in-browser AI Code Console becomes available — same tools, no install.
What you get when signed in
- AI Code Console — chat panel inside the editor that generates and runs PinePaper code on the canvas in real time.
- PinePaper LLM on Credits — our own model is the only LLM served from credits. Third-party models (Claude, Gemini, GPT, Grok) require BYOK — PinePaper Cloud does not resell third-party LLMs.
- Modes — Design and Modify route through the KG pipeline for style learning; Chat and Help talk directly to the model.
Bring Your Own Key (BYOK)
To use a third-party model in the AI Code Console, add your own API key at /account#llm-providers. Once a key is on file, that provider's models appear in the model picker and you can switch per message:
- Anthropic — Claude (Sonnet, Opus, Haiku families)
- Google — Gemini 2.5 Pro, 2.5 Flash, 2.5 Flash Lite, 2.0 Flash, 2.0 Flash Lite
- OpenAI — GPT-4o, GPT-4 Turbo, GPT-3.5 Turbo
- xAI — Grok
A flat $0.002/request platform fee is deducted from your credits to cover infrastructure (KG pipeline, sessions, caching); your provider bills you separately for tokens.
How your key is protected
- Encrypted at rest, scoped to your account.
- Never exposed in request or response bodies.
- Every read is recorded in a private audit log you can ask us to review.
- Remove the key any time at /account#llm-providers — takes effect immediately.
Cloud Templates
The template is the unit of saved work — items, relations, animations, canvas size — that you reload, remix, and iterate on with the AI Code Console. A scene is what you compose by chaining templates together. Local templates live in your browser (free); when signed in to PinePaper Cloud you can opt in to cloud sync so the same templates follow you across devices.
Saving from the studio
- Build a template in the editor.
- Open the Templates panel (left sidebar) and click Save. Choose Local (free, browser-only) or Cloud (synced, opt-in).
- Each cloud template gets its own conversation thread (one-to-one) so the AI Code Console remembers context as you iterate on it across sessions.
- Chain saved templates into a scene to build something larger without losing the per-template KG context.
Pricing & privacy
- Cloud templates are pay-as-you-go from your credits balance — storage is small per template.
- Templates are private to your account. The MCP Cloud knowledge graph scopes data per
templateId(preferred) orconversationId(fallback), and the PinePaper LLM service learns your style profile privately at the user level. - Toggle cloud sync off any time at /account — local templates remain in your browser.
MCP Endpoint
POST https://cloud.pinepaper.studio/mcp/v1Auth:
Authorization: Bearer pp_live_YOUR_API_KEY
The MCP endpoint uses JSON-RPC 2.0 protocol. All AI platforms that support tool calling can use it.
POST /mcp/v1
Authorization: Bearer pp_live_YOUR_API_KEY
Content-Type: application/json
{
"jsonrpc": "2.0",
"id": "1",
"method": "tools/list"
}
Pricing
Pay-as-you-go with no subscriptions. Credits never expire.
| Operation | Cost |
|---|---|
| MCP Request (create, animate, query) | $0.001 |
| SVG Export | $0.005 |
| PDF Export | $0.03 |
| Video Export | $0.05/sec |
| GIF Export | $0.08/sec |
Tools & Toolkit Profiles
The full PinePaper tool registry has 112 tools across canvas, animation, diagrams, maps, fonts, exports, and more. You almost never need all of them at once — exposing the full surface to a model burns context and slows tool selection.
The MCP server organizes tools into toolkit profiles — task-shaped subsets activated per request. pinepaper_set_toolkit switches the active profile; pinepaper_tool_guide answers "which tool fits this job?" without listing the whole registry. The active profile is selected automatically based on the workflow ("draw a flowchart" → diagram profile; "highlight US states" → map profile).
Toolkit profiles
Generated from @pinepaper.studio/mcp-server@1.5.4 on 2026-06-07.
Full — 112 tools
Every tool in the registry. Use when context budget allows and the workflow spans many domains (canvas + diagrams + maps + fonts).
pinepaper_add_filterpinepaper_add_portspinepaper_add_relationpinepaper_add_triggerpinepaper_agent_analyzepinepaper_agent_batch_executepinepaper_agent_end_jobpinepaper_agent_exportpinepaper_agent_resetpinepaper_agent_start_jobpinepaper_analyze_designpinepaper_animatepinepaper_animate_letter_collagepinepaper_apply_animated_maskpinepaper_apply_custom_maskpinepaper_apply_effectpinepaper_apply_templatepinepaper_auto_layoutpinepaper_backgroundpinepaper_batch_createpinepaper_batch_modifypinepaper_browser_connectpinepaper_browser_disconnectpinepaper_browser_screenshotpinepaper_browser_statuspinepaper_camerapinepaper_camera_animatepinepaper_clear_canvaspinepaper_connectpinepaper_connect_portspinepaper_create_chartpinepaper_create_diagonal_stripespinepaper_create_diagram_shapepinepaper_create_glossy_spherepinepaper_create_gridpinepaper_create_itempinepaper_create_letter_collagepinepaper_create_quizpinepaper_create_scenepinepaper_cutout_stylepinepaper_deformpinepaper_delete_itempinepaper_diagnostic_reportpinepaper_diagram_modepinepaper_execute_custom_codepinepaper_execute_generatorpinepaper_export_scenepinepaper_export_svgpinepaper_export_training_datapinepaper_export_widgetpinepaper_export_widget_htmlpinepaper_fontpinepaper_get_animatable_propertiespinepaper_get_available_easingspinepaper_get_canvas_ontologypinepaper_get_canvas_presetspinepaper_get_canvas_sizepinepaper_get_diagram_shapespinepaper_get_itemspinepaper_get_letter_collage_optionspinepaper_get_mask_animationspinepaper_get_mask_typespinepaper_get_performance_metricspinepaper_get_quiz_statepinepaper_get_relation_statspinepaper_historypinepaper_image_filterpinepaper_import_assetpinepaper_import_imagepinepaper_import_mermaidpinepaper_import_svgpinepaper_interactionpinepaper_keyframe_animatepinepaper_lassopinepaper_list_generatorspinepaper_magicpinepaper_manage_scenespinepaper_mappinepaper_map_animationpinepaper_map_datapinepaper_map_regionspinepaper_measurementpinepaper_modify_itempinepaper_p5_drawpinepaper_physicspinepaper_play_timelinepinepaper_precomppinepaper_querypinepaper_query_ontologypinepaper_query_relationspinepaper_query_triggerspinepaper_refresh_pagepinepaper_register_custom_relationpinepaper_register_itempinepaper_remove_connectorpinepaper_remove_maskpinepaper_remove_relationpinepaper_remove_triggerpinepaper_reset_quizpinepaper_scene_playbackpinepaper_search_assetspinepaper_selectionpinepaper_set_background_colorpinepaper_set_canvas_sizepinepaper_set_toolkitpinepaper_sprite_sheetpinepaper_storagepinepaper_tool_guidepinepaper_transformpinepaper_update_connectorpinepaper_validate_designpinepaper_viewAgent (default) — 80 tools
Default profile for general-purpose AI agents. Covers canvas, items, animation, relations, effects, exports — the common creative workflow.
pinepaper_add_relationpinepaper_agent_analyzepinepaper_agent_batch_executepinepaper_agent_end_jobpinepaper_agent_exportpinepaper_agent_resetpinepaper_agent_start_jobpinepaper_analyze_designpinepaper_animatepinepaper_apply_animated_maskpinepaper_apply_custom_maskpinepaper_apply_effectpinepaper_backgroundpinepaper_batch_createpinepaper_batch_modifypinepaper_browser_connectpinepaper_browser_disconnectpinepaper_browser_screenshotpinepaper_browser_statuspinepaper_clear_canvaspinepaper_create_chartpinepaper_create_diagonal_stripespinepaper_create_glossy_spherepinepaper_create_gridpinepaper_create_itempinepaper_create_scenepinepaper_cutout_stylepinepaper_deformpinepaper_delete_itempinepaper_execute_generatorpinepaper_export_scenepinepaper_export_svgpinepaper_export_training_datapinepaper_export_widgetpinepaper_export_widget_htmlpinepaper_get_animatable_propertiespinepaper_get_available_easingspinepaper_get_canvas_ontologypinepaper_get_canvas_presetspinepaper_get_canvas_sizepinepaper_get_itemspinepaper_get_mask_animationspinepaper_get_mask_typespinepaper_get_relation_statspinepaper_historypinepaper_image_filterpinepaper_import_assetpinepaper_import_imagepinepaper_import_svgpinepaper_interactionpinepaper_keyframe_animatepinepaper_lassopinepaper_list_generatorspinepaper_magicpinepaper_manage_scenespinepaper_measurementpinepaper_modify_itempinepaper_p5_drawpinepaper_physicspinepaper_play_timelinepinepaper_precomppinepaper_querypinepaper_query_ontologypinepaper_query_relationspinepaper_refresh_pagepinepaper_register_custom_relationpinepaper_remove_maskpinepaper_remove_relationpinepaper_scene_playbackpinepaper_search_assetspinepaper_selectionpinepaper_set_background_colorpinepaper_set_canvas_sizepinepaper_set_toolkitpinepaper_sprite_sheetpinepaper_storagepinepaper_tool_guidepinepaper_transformpinepaper_validate_designpinepaper_viewDiagram — 44 tools
Flowcharts, UML, network topology — diagram shapes, connectors, layout algorithms.
pinepaper_add_portspinepaper_agent_analyzepinepaper_agent_batch_executepinepaper_agent_end_jobpinepaper_agent_exportpinepaper_agent_resetpinepaper_agent_start_jobpinepaper_auto_layoutpinepaper_backgroundpinepaper_browser_connectpinepaper_browser_disconnectpinepaper_browser_screenshotpinepaper_browser_statuspinepaper_clear_canvaspinepaper_connectpinepaper_connect_portspinepaper_create_diagonal_stripespinepaper_create_diagram_shapepinepaper_create_glossy_spherepinepaper_create_gridpinepaper_create_itempinepaper_delete_itempinepaper_diagram_modepinepaper_export_scenepinepaper_export_svgpinepaper_export_training_datapinepaper_export_widgetpinepaper_export_widget_htmlpinepaper_get_canvas_presetspinepaper_get_canvas_sizepinepaper_get_diagram_shapespinepaper_get_itemspinepaper_get_relation_statspinepaper_import_mermaidpinepaper_modify_itempinepaper_querypinepaper_refresh_pagepinepaper_remove_connectorpinepaper_set_background_colorpinepaper_set_canvas_sizepinepaper_set_toolkitpinepaper_tool_guidepinepaper_update_connectorpinepaper_viewMap — 32 tools
Geographic visualization — load maps, highlight regions, apply data colors, project, export GeoJSON.
pinepaper_agent_analyzepinepaper_agent_batch_executepinepaper_agent_end_jobpinepaper_agent_exportpinepaper_agent_resetpinepaper_agent_start_jobpinepaper_backgroundpinepaper_browser_connectpinepaper_browser_disconnectpinepaper_browser_screenshotpinepaper_browser_statuspinepaper_clear_canvaspinepaper_export_scenepinepaper_export_svgpinepaper_export_training_datapinepaper_export_widgetpinepaper_export_widget_htmlpinepaper_get_canvas_presetspinepaper_get_canvas_sizepinepaper_get_itemspinepaper_get_relation_statspinepaper_mappinepaper_map_animationpinepaper_map_datapinepaper_map_regionspinepaper_querypinepaper_refresh_pagepinepaper_set_background_colorpinepaper_set_canvas_sizepinepaper_set_toolkitpinepaper_tool_guidepinepaper_viewFont Studio — 35 tools
Typography workflows — font import, glyph editing, OTF export.
pinepaper_agent_analyzepinepaper_agent_batch_executepinepaper_agent_end_jobpinepaper_agent_exportpinepaper_agent_resetpinepaper_agent_start_jobpinepaper_animate_letter_collagepinepaper_backgroundpinepaper_browser_connectpinepaper_browser_disconnectpinepaper_browser_screenshotpinepaper_browser_statuspinepaper_clear_canvaspinepaper_create_diagonal_stripespinepaper_create_glossy_spherepinepaper_create_gridpinepaper_create_itempinepaper_create_letter_collagepinepaper_delete_itempinepaper_export_scenepinepaper_export_svgpinepaper_export_training_datapinepaper_export_widgetpinepaper_export_widget_htmlpinepaper_fontpinepaper_get_canvas_presetspinepaper_get_canvas_sizepinepaper_get_letter_collage_optionspinepaper_modify_itempinepaper_refresh_pagepinepaper_set_background_colorpinepaper_set_canvas_sizepinepaper_set_toolkitpinepaper_tool_guidepinepaper_viewMinimal — 20 tools
Smallest viable surface for low-context models — basic create/modify/animate only. Pair with `pinepaper_tool_guide` for on-demand discovery.
pinepaper_agent_analyzepinepaper_agent_batch_executepinepaper_agent_end_jobpinepaper_agent_exportpinepaper_agent_resetpinepaper_agent_start_jobpinepaper_backgroundpinepaper_browser_connectpinepaper_browser_disconnectpinepaper_browser_screenshotpinepaper_browser_statuspinepaper_clear_canvaspinepaper_get_canvas_presetspinepaper_get_canvas_sizepinepaper_refresh_pagepinepaper_set_background_colorpinepaper_set_canvas_sizepinepaper_set_toolkitpinepaper_tool_guidepinepaper_viewAll tools (alphabetical)
Show full registry — 112 tools
pinepaper_add_filterAdd a visual filter effect to the canvas.
pinepaper_add_portsAdd connection ports to an existing item.
pinepaper_add_relationCreate a behavior relationship between two items.
pinepaper_add_triggerAdd an interactive trigger to an item.
pinepaper_agent_analyzeAnalyze canvas content to get export recommendations and content insights.
pinepaper_agent_batch_executeExecute ALL operations in a single call for building animated scenes — canvas setup, backgrounds, items, animations, masks, effects, and playback.
pinepaper_agent_end_jobEnd the current agent job, get summary + screenshot for user validation.
pinepaper_agent_exportSmart export with automatic format detection and platform optimization.
pinepaper_agent_resetFast canvas reset without browser refresh.
pinepaper_agent_start_jobStart a new agent job for creating animations, videos, graphics, or any visual content.
pinepaper_analyze_designAnalyze a template or scene definition using the PinePaper Design Knowledge Graph.
pinepaper_animateApply a simple LOOP animation to an item.
pinepaper_animate_letter_collageApply animation to all letters in a collage with staggered timing.
pinepaper_apply_animated_maskApply an animated mask reveal to an item.
pinepaper_apply_custom_maskDirect helper for applying custom keyframe-based masks.
pinepaper_apply_effectApply a visual effect to an item.
pinepaper_apply_templateLoad a pre-built template design onto the canvas, or list available templates.
pinepaper_auto_layoutAutomatically arrange diagram items using a layout algorithm.
pinepaper_backgroundSet, clear, or query the canvas background.
pinepaper_batch_createCreate multiple items at once with a single history save.
pinepaper_batch_modifyModify multiple items at once with a single history save.
pinepaper_browser_connectConnect to PinePaper Studio in a browser.
pinepaper_browser_disconnectDisconnect from the browser and close PinePaper Studio.
pinepaper_browser_screenshotTake a screenshot of the current PinePaper canvas.
pinepaper_browser_statusCheck the current browser connection status.
pinepaper_cameraCamera control: zoom, pan, move, reset, stop, get state.
pinepaper_camera_animateAnimate camera with keyframe-based zoom, pan, and 3D tilt sequence for cinematic effects.
pinepaper_clear_canvasClear all items from the canvas, removing everything including any welcome template items.
pinepaper_connectConnect two items with a smart connector.
pinepaper_connect_portsConnect two specific ports on items.
pinepaper_create_chartCreate and manage data visualizations on the canvas.
pinepaper_create_diagonal_stripesCreate a diagonal stripe pattern.
pinepaper_create_diagram_shapeCreate a diagram shape on the canvas.
pinepaper_create_glossy_sphereCreate a 3D-looking glossy sphere with realistic lighting effects.
pinepaper_create_gridCreate a grid of lines on the canvas.
pinepaper_create_itemCreate an item on the PinePaper canvas.
pinepaper_create_letter_collageCreate stylized text with per-letter customization.
pinepaper_create_quizCreate an interactive quiz with questions, answers, and scoring.
pinepaper_create_sceneCreate a complete scene with multiple items, relations, and animations in a single operation.
pinepaper_cutout_styleApply decorative cutout styles to image items (sticker effects, torn edges, etc.).
pinepaper_deformApply vertex deformation presets to items for organic motion effects.
pinepaper_delete_itemDelete a single item from the canvas by its registry ID.
pinepaper_diagnostic_report[Utility] Generate a diagnostic report for bug reporting.
pinepaper_diagram_modeControl the diagram mode for interactive editing.
pinepaper_execute_custom_codeExecute arbitrary JavaScript code in the PinePaper context.
pinepaper_execute_generatorExecute a background generator to create procedural patterns.
pinepaper_export_sceneExport the complete scene state including all items, relations, and settings.
pinepaper_export_svgExport the scene as animated SVG.
pinepaper_export_training_dataExport relation data as training pairs for LLM fine-tuning.
pinepaper_export_widgetExport current scene as a PineWidget (pp:PinePaper ontology JSON v0.4.3).
pinepaper_export_widget_htmlExport current scene as a self-contained HTML page with tree-shaken PineWidget runtime.
pinepaper_fontFont Studio control — single action-dispatched tool covering the full Studio API.
pinepaper_get_animatable_properties[Utility] Get animatable properties for each mask type.
pinepaper_get_available_easings[Utility] Get list of available easing functions for mask animations.
pinepaper_get_canvas_ontologyCapture the live canvas as compact pp: ontology triples + a structured item summary.
pinepaper_get_canvas_presets[Utility] List all available canvas presets with their dimensions.
pinepaper_get_canvas_size[Utility] Get the current canvas dimensions.
pinepaper_get_diagram_shapes[Utility] Get a list of available diagram shapes with their properties.
pinepaper_get_items[Utility] Get all or filtered items from the canvas.
pinepaper_get_letter_collage_options[Utility] Get available styles, palettes, and gradient options for letter collages.
pinepaper_get_mask_animations[Utility] Get available mask animation presets.
pinepaper_get_mask_types[Utility] Get available mask shape types.
pinepaper_get_performance_metrics[Utility] Get execution performance metrics to identify bottlenecks and optimize workflows.
pinepaper_get_quiz_state[Utility] Get the current state of an active quiz.
pinepaper_get_relation_stats[Utility] Get statistics about active relations in the scene.
pinepaper_historyUndo/redo and history state inspection.
pinepaper_image_filterApply GPU-accelerated image filters to raster items.
pinepaper_import_assetImport an SVG asset from search results or direct URL onto the canvas.
pinepaper_import_imageImport a raster image from a URL onto the canvas.
pinepaper_import_mermaidImport a Mermaid diagram source string and render it onto the canvas as native diagram shapes + connectors.
pinepaper_import_svgImport an SVG string or SVG from URL onto the canvas.
pinepaper_interactionAdd continuous physics behaviors and trigger interaction actions.
pinepaper_keyframe_animateApply keyframe-based animation with precise timing and property control.
pinepaper_lassoFreeform lasso selection for image items.
pinepaper_list_generators[Utility] Get a list of all available background generators with their parameters.
pinepaper_magicOntology-aware auto-animation and style remixing.
pinepaper_manage_scenesManage multiple saved scenes (canvas snapshots).
pinepaper_mapLoad a map and control its viewport.
pinepaper_map_animationAnimate map regions with keyframes or wave effects.
pinepaper_map_dataCSV / GeoJSON import-export and source-info introspection.
pinepaper_map_regionsHighlight, color, label, and select map regions.
pinepaper_measurementRulers, grid overlay, snap-to-grid, and dimension readout.
pinepaper_modify_itemModify an existing item's properties.
pinepaper_p5_drawExecute p5.js-style drawing code on the PinePaper canvas.
pinepaper_physicsRigid body physics simulation (Box2D/Planck.js).
pinepaper_play_timelineControl keyframe animation playback.
pinepaper_precompNested compositions — group items into reusable animated precomps.
pinepaper_queryQuery canvas items and spatial information.
pinepaper_query_ontologyQuery the PinePaper design knowledge graph — explore types, properties, edges, hierarchy, and patterns.
pinepaper_query_relations[Utility] Query relationships for an item.
pinepaper_query_triggers[Utility] List all triggers on the canvas or for a specific item.
pinepaper_refresh_pageRefresh the PinePaper Studio page in the browser.
pinepaper_register_custom_relationRegister a custom relation type with compute and apply functions.
pinepaper_register_itemRegister a Paper.js item created externally.
pinepaper_remove_connectorRemove a connector from the canvas.
pinepaper_remove_maskRemove mask from an item, restoring original appearance.
pinepaper_remove_relationRemove a relationship between items.
pinepaper_remove_triggerRemove triggers from an item.
pinepaper_reset_quizReset a quiz to its initial state.
pinepaper_scene_playbackControl sequential scene chain playback — play saved scenes as a slideshow presentation.
pinepaper_search_assetsSearch for free SVG assets from open repositories (SVGRepo, OpenClipart, Iconify, FontAwesome).
pinepaper_selectionManage item selection on canvas.
pinepaper_set_background_colorSet the canvas background color.
pinepaper_set_canvas_sizeChange the canvas dimensions.
pinepaper_set_toolkitSwitch the active toolkit profile and/or verbosity level at runtime.
pinepaper_sprite_sheetGenerate, play, and export sprite sheets from skeleton poses.
pinepaper_storagePersistent project storage via IndexedDB.
pinepaper_tool_guideGet detailed guidance for PinePaper tools on demand.
pinepaper_transformTransform items: nudge position, flip, or change z-order.
pinepaper_update_connectorUpdate the style or label of an existing connector.
pinepaper_validate_designValidate and score a template definition against the PinePaper ontology.
pinepaper_viewView control — fit view to content or get current view state.
Use tools/list to fetch the live list with full descriptions and input schemas for whichever profile your client has active.
Relation Types
Behavior-driven animation relationships between items:
| Relation | Description |
|---|---|
orbits | Circular motion around target |
follows | Smooth follow toward target |
attached_to | Fixed offset from target |
maintains_distance | Stay at fixed distance |
points_at | Rotate to face target |
mirrors | Mirror target position |
parallax | Depth-based movement |
bounds_to | Constrain within area |
animates | Property animation over time |
grows_from | Scale growth from target |
staggered_with | Sequential timing offset |
indicates | Arrow/pointer to target |
circumscribes | Fit around target bounds |
wave_through | Wave motion through items |
morphs_to | Shape morphing transition |
camera_follows | Camera tracks item |
camera_animates | Camera keyframe sequence |
part_of | Semantic parent-child grouping |
expresses | Facial/body expressions |
Platform Integrations
PinePaper Cloud Studio is an HTTP API that works with any AI platform that supports tool calling.
Claude Desktop (Native MCP)
Claude Desktop has native MCP support. See Quick Start above.
ChatGPT (Custom GPT Actions)
// GPT Action Configuration
Server URL: https://cloud.pinepaper.studio
Authentication: API Key (Bearer token)
Header: Authorization: Bearer pp_live_YOUR_API_KEY
POST /mcp/v1
{
"jsonrpc": "2.0",
"id": "1",
"method": "tools/call",
"params": {
"name": "pinepaper_create_item",
"arguments": { "type": "text", "content": "Hello" }
}
}
Any HTTP Client
# cURL
curl -X POST https://cloud.pinepaper.studio/mcp/v1 \
-H "Authorization: Bearer pp_live_YOUR_API_KEY" \
-H "Content-Type: application/json" \
-d '{"jsonrpc":"2.0","id":"1","method":"tools/list"}'
# Python
import requests
response = requests.post(
"https://cloud.pinepaper.studio/mcp/v1",
headers={"Authorization": "Bearer pp_live_YOUR_API_KEY"},
json={"jsonrpc": "2.0", "id": "1", "method": "tools/list"}
)
print(response.json())
Supported Platforms
| Platform | Integration | Status |
|---|---|---|
| Claude Desktop | Native MCP | ✓ Full support |
| ChatGPT | Custom GPT Actions | ✓ Full support |
| Google Gemini | Function Calling | ✓ Full support |
| Open WebUI | Function Calling | ✓ Full support |
| LangChain | Custom Tools | ✓ Full support |
Examples
Animated Text
"Create text 'HELLO' in red that pulses"
→ pinepaper_create_item + pinepaper_animate
Letter Collage
"Create a Wordle-style letter collage saying CANDY with neon colors"
→ pinepaper_create_letter_collage + pinepaper_animate_letter_collage
Flowchart Diagram
"Create a flowchart: Start → Process → Decision → End"
→ pinepaper_create_diagram_shape + pinepaper_connect + pinepaper_auto_layout
Solar System
"Create a sun at center, Earth orbiting it, Moon orbiting Earth"
→ pinepaper_create_item + pinepaper_add_relation (orbits)
World Choropleth Map
"Load a world map and color countries by population"
→ pinepaper_load_map + pinepaper_apply_data_colors
Animated Map
"Animate US states changing color in a wave pattern"
→ pinepaper_load_map + pinepaper_animate_map_wave
Camera Animation
"Zoom in on the title then pan across to the diagram"
→ pinepaper_camera_animate with keyframes
Particle Effects
"Add fire effect to the dragon and snow falling on the scene"
→ pinepaper_apply_effect (fire, snow)
Interactive Quiz
"Create a multiple choice quiz about world capitals"
→ pinepaper_create_quiz with questions and answers
Mask Reveals
"Reveal the title with an iris animation"
→ pinepaper_apply_animated_mask (iris preset)
Local Installation (Free)
The open-source MCP server provides the same tools as this cloud service. Test locally before paying for cloud access.
# Install globally
npm install -g @pinepaper.studio/mcp-server
# Or use npx directly in config:
{
"mcpServers": {
"pinepaper": {
"command": "npx",
"args": ["-y", "@pinepaper.studio/mcp-server"]
}
}
}
The cloud service is for users who:
- Want remote access without local installation
- Need hosted infrastructure
- Use AI clients that don't support local MCP servers