QoderWork PPT (Jack)
Generate QoderWork-style presentations. Automatically matches 14 templates based on your topic and outputs an editable .pptx file.
Like a lobster shell, security has layers — review code before you run it.
License
SKILL.md
QoderWork-PPT
When a user wants to generate a QoderWork-style presentation, use this skill. Based on the user's topic and requirements, it automatically generates content, matches suitable templates, and outputs an editable PowerPoint file.
Execution Flow
0. Prepare output directory
Create the output directories if they don't exist:
mkdir -p output output/images
1. Understand requirements & generate content document
Read rules/content-rules.md (in this skill directory), then convert the user's requirements into a structured content document at output/content.md.
- Extract from user input: topic, audience, key points, page count preferences, etc.
- Generate a well-structured plain-text document following content-rules
- Content should be complete, logically clear, and ready for template matching
- CRITICAL — page budget: unless the user explicitly requests more, plan for 8–15 slides total (including cover, TOC, section dividers, and closing). Count your planned slides before proceeding to step 2. If the outline exceeds 15, merge or cut sections.
2. Match templates & generate slide sequence
Read rules/template-matching.md and templates/manifest.json, then generate output/slides.json based on content.md.
- slides.json array length MUST be ≤ 15 (unless the user explicitly requested more). Count before writing the file.
- Format per slide:
{ "templateId": "xxx", "slots": { "slotId": "value", ... } } - A full example (one slide per template type) is available at
rules/slides-example.json— copy and adapt it - Strictly follow template-matching rules; slot values must conform to manifest constraints (type, maxLength, etc.)
Cover background:cover 模板的 coverBackground 槽位勿主动填写,使用模板默认背景。仅当用户明确要求自定义封面图时才填。
Section-divider 插图:03 章节分隔页右侧的 image 槽位尽量勿填,使用模板默认插图。仅当用户明确要求更换章节配图时才填。
Image slots (type: image) accept any of:
| Format | Example | When to use |
|---|---|---|
lucide:<icon-name> | lucide:shield-check | Icon-style images (preferred for column cards in 06/07/08) |
| Image URL | https://example.com/photo.jpg | Web images |
| Local path | output/images/slide-03.png | After generating/saving an image locally |
When you must generate/search for real images: slots marked aiGeneratable: true that need a real photograph or illustration (not an icon) — typically section-divider image, content-left-text-right-image image, and full-image background. Call generate_image or web_search to obtain them, save to output/images/, and fill the path into slots. These image slots are required — do NOT leave the default placeholder.
3. Fill HTML templates
Working directory (cwd): must be the project root (where output/ lives).
Script path: relative to this skill directory. Replace SKILL_SCRIPTS below with the actual path (e.g., resources/skills-market/qoderwork-ppt/scripts if using this repo as workspace, or ~/.qoderwork/skills/qoderwork-ppt/scripts if installed from market).
Optional — validate first:
node SKILL_SCRIPTS/validate-slides.js output/slides.json
Then fill templates (or use the one-click pipeline below):
node SKILL_SCRIPTS/fill-template.js output/slides.json
Recommended — one-click pipeline (steps 3+4 combined):
node SKILL_SCRIPTS/run-pipeline.js output/slides.json
Output file is auto-named with a timestamp (e.g. output/presentation-2026-03-06-10-30-00.pptx) to avoid overwriting previous runs.
4. Convert to PPTX
If you didn't use the one-click pipeline above, run separately:
node SKILL_SCRIPTS/html-to-pptx-dom.js output/filled
Reads filled HTML from output/filled/, renders via Puppeteer, and converts to PPTX using dom-to-pptx — preserving background images, rounded corners, fonts, and full styling.
5. Inform the user
Tell the user the PPT has been generated at output/presentation.pptx, with a brief summary of page count and structure.
Resumability (Agent checkpoint recovery)
- Step 1: If
output/content.mdalready exists and the user didn't ask to "regenerate content", skip to step 2. - Step 2: Always (re-)generate
output/slides.jsonfrom content.md. - Step 3+4: If only slides.json changed, just re-run
run-pipeline.js(overwritesoutput/filled/andoutput/presentation.pptx).
Key Files (in this skill directory)
| File | Purpose |
|---|---|
rules/content-rules.md | Content generation rules & document structure |
rules/template-matching.md | Template matching rules & image slot conventions |
rules/slides-example.json | Full slides.json example (one slide per template type) |
templates/manifest.json | 14 template definitions with slot specs |
templates/*.html | 14 HTML template files (1920×1080) |
scripts/validate-slides.js | Pre-validation for slides.json |
scripts/fill-template.js | Fills slot values into HTML templates |
scripts/html-to-pptx-dom.js | High-fidelity HTML → PPTX conversion |
scripts/run-pipeline.js | One-click: validate → fill → convert |
Output Files (in project root output/)
| File | Purpose |
|---|---|
output/content.md | Intermediate: structured content |
output/slides.json | Intermediate: slide sequence + slot values |
output/images/ | Generated/downloaded images for slides |
output/filled/*.html | Filled single-page HTML files |
output/presentation.pptx | Final PowerPoint file |
Dependencies
Before first use, install dependencies in this skill directory:
cd <path-to-this-skill-directory> && npm install
Required packages: jsdom, puppeteer, dom-to-pptx, lucide-static. Icons are loaded from local lucide-static (no network at runtime).
Files
39 totalComments
Loading comments…
