presentation-builder
HTML-first slide deck creation with visual editing, validation, and export to PPTX or PDF.
- Plan decks with structured outlines before generating HTML slides; review visually in a browser editor before exporting
- Organize slides in dedicated workspace directories (
decks/<deck-name>/) with self-contained HTML files, one primary idea per slide - Validate slide structure and convert approved decks to
.pptxor.pdfusing core commands:build-viewer,validate,convert,pdf - Requires Node.js >= 18 and Playwright; install
slides-grabonce per project, then reuse across multiple deck iterations
Presentation Builder
Use slides-grab when the user needs a real slide deck artifact, not just an outline. The workflow is HTML-first: plan the deck, generate slide HTML, review visually, then export to PPTX/PDF.
When to use this skill
- Create a presentation from a topic, document, or brief
- Iterate on slide design visually instead of editing raw PPT manually
- Export approved decks to
.pptxor.pdf - Maintain multi-deck workspaces under
decks/<deck-name>/
Preflight
Install and verify slides-grab before authoring:
git clone https://github.com/vkehfdl1/slides-grab.git
cd slides-grab
npm ci
More from supercent-io/skills-template
security-best-practices
Implement security best practices for web applications and infrastructure. Use when securing APIs, preventing common vulnerabilities, or implementing security policies. Handles HTTPS, CORS, XSS, SQL Injection, CSRF, rate limiting, and OWASP Top 10.
14.1Kdata-analysis
Analyze datasets to extract insights, identify patterns, and generate reports. Use when exploring data, creating visualizations, or performing statistical analysis. Handles CSV, JSON, SQL queries, and Python pandas operations.
13.8Kweb-accessibility
Implement web accessibility (a11y) standards following WCAG 2.1 guidelines. Use when building accessible UIs, fixing accessibility issues, or ensuring compliance with disability standards. Handles ARIA attributes, keyboard navigation, screen readers, semantic HTML, and accessibility testing.
12.7Kworkflow-automation
Automate repetitive development tasks and workflows. Use when creating build scripts, automating deployments, or setting up development workflows. Handles npm scripts, Makefile, GitHub Actions workflows, and task automation.
12.6Kcode-review
Conduct thorough, constructive code reviews for quality and security. Use when reviewing pull requests, checking code quality, identifying bugs, or auditing security. Handles best practices, SOLID principles, security vulnerabilities, performance analysis, and testing coverage.
12.5Kdatabase-schema-design
Design and optimize database schemas for SQL and NoSQL databases. Use when creating new databases, designing tables, defining relationships, indexing strategies, or database migrations. Handles PostgreSQL, MySQL, MongoDB, normalization, and performance optimization.
12.2K