content-creation

Plan, write, and design content artifacts using Open Slide decks and Penpot MCP design files.

3|Updated Apr 8, 2025
One-click install
npx skills add https://github.com/ZanzyTHEbar/dragonarchy --skill content-creation-zanzythebar
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: content-creation
Source: https://github.com/ZanzyTHEbar/dragonarchy/tree/main/packages/opencode/.config/opencode/skills/content-creation
Command: npx skills add https://github.com/ZanzyTHEbar/dragonarchy --skill content-creation-zanzythebar

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating presentations, visual designs, and marketing content requires juggling multiple tools and workflows. This Skill provides a structured process for producing slide decks, Penpot design files, social assets, and written content with a coherent creative direction. ## Core Features & Use Cases - Open Slide Deck Production: Plans page roles, writes React slide components on a 1920x1080 canvas, and validates deck structure for talks, pitches, and product explainers. - Penpot MCP Design Workflow: Inspects, creates, and updates Penpot design files through the official MCP tools, with read-before-write verification and export support. - Content Briefs and Writing Rules: Builds a compact creative brief covering audience, promise, proof, and visual direction before producing artifacts. - Use Case: A founder needs a pitch deck plus social thumbnails. The Skill drafts the narrative, designs visual assets in Penpot, implements the deck in Open Slide, and documents the handoff. ## Quick Start Ask the assistant to create a slide deck or Penpot design for your topic, specifying the audience, format, and desired tone.

Frequently Asked Questions about content-creation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a slide deck with Open Slide?

Detect the Open Slide project root, plan page roles such as cover, content, and closing, then write slides/<id>/index.tsx with a default export array of zero-prop React page components. Keep one idea per page on the fixed 1920x1080 canvas and validate imports and layout budget.

How do I use Penpot MCP to edit design files?

Open the target Penpot file in the browser and connect it via File -> MCP Server -> Connect. Call high_level_overview first, inspect the file with read-only execute_code queries, then make small targeted writes on explicit shape IDs and verify with follow-up reads.

When should I use Open Slide versus Penpot for content?

Use Open Slide for narrative decks, pitches, and training material that benefit from page-by-page pacing. Use Penpot for visual systems, mockups, thumbnails, and reviewable design explorations. Mixed projects draft the narrative first, design assets in Penpot, then implement the deck in Open Slide.

Why are the old penpot_create_file MCP tools not working?

The official Penpot MCP no longer exposes legacy direct CRUD tools like penpot_create_file or penpot_query_shapes. Use high_level_overview, penpot_api_info, execute_code, and export_shape instead, unless a separate custom server explicitly provides the legacy tools.

Can Penpot assets be used directly in an Open Slide deck?

Penpot assets are not automatically available in the local filesystem. Export the shapes from Penpot first, then import the exported files into the deck, or use placeholders until the user provides an export path.