Add image-based workflow for PPTX skill with CI#135
Open
robtaylor wants to merge 3 commits into
Open
Conversation
This adds a Puppeteer-based rendering workflow for complex HTML slides that don't convert well using the html2pptx approach. New Scripts: - scripts/render-slides.js: Render HTML slides to PNG at 2x scale - scripts/create-from-images.js: Create PPTX from rendered images with support for diagram overlays via JSON config New Configuration: - package.json: Node.js dependencies (pptxgenjs, puppeteer) - pyproject.toml: Python dependencies via uv (markitdown, defusedxml, python-pptx) CI/CD: - .github/workflows/test-pptx-skill.yml: GitHub Actions workflow with: - Node.js workflow tests (render slides, create PPTX) - Python dependency tests - Integration test with markitdown PPTX extraction Tests: - test/test-workflow.js: Automated tests for render and create scripts - test/slides/test-slide.html: Test fixture with gradient, SVG, flexbox Documentation: - SKILL.md: Added "Image-Based Workflow" section with setup instructions, workflow guide, and diagram overlay examples The image-based workflow addresses issues with html2pptx not handling: - Complex SVG diagrams - CSS gradients and advanced styling - Intricate flexbox/grid layouts 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- Add package-lock.json for Node.js dependencies - Add uv.lock for Python dependencies 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
- architecture-slide.html: System architecture with SVG diagrams - metrics-slide.html: Dashboard with KPIs and charts - diagram-overlay.html: Standalone diagram for overlay testing - Enhanced test-workflow.js with 6 comprehensive tests - Updated .gitignore to exclude node_modules and .venv Test slides represent the kind of complex HTML that Claude would generate when asked to create professional presentations. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
Ashutosh0x
pushed a commit
to Ashutosh0x/skills
that referenced
this pull request
Feb 5, 2026
…hropics#135) The --all flag was incorrectly setting options.global = true, causing installations to go to the global directory (~/.agents/skills/) even when the user didn't specify the -g flag. This fix removes the line that sets options.global = true when --all is used. The --all flag now only: - Sets options.yes = true (skip prompts) - Selects all skills automatically - Selects all agents automatically Installation location is now correctly determined only by the -g flag or user prompt, as intended. Fixes: vercel-labs/skills#133 Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR adds an image-based workflow for the PPTX skill that handles complex HTML slides (SVG diagrams, CSS gradients, intricate layouts) that the existing html2pptx converter struggles with.
Key additions:
render-slides.js)create-from-images.js)package.json+npmandpyproject.toml+uvTest Slides
The test suite includes slides that simulate what Claude would generate for professional presentations:
architecture-slide.htmlmetrics-slide.htmldiagram-overlay.htmltest-slide.htmlTest Plan
Files Changed (15 files, +4122/-10)
render-slides.js,create-from-images.jspackage.json,package-lock.json,pyproject.toml,uv.lockSKILL.md(updated)test-workflow.js, 4 test slide HTML files.github/workflows/test-pptx-skill.yml.gitignore(updated)🤖 Generated with Claude Code