ng:frontend-slides

Generate self-contained HTML presentations with inline CSS and JS.

Updated Aug 23, 2026

Search Tags:#html #styling #offline #presentation #pptx #slides #vietnamese

Ready to run

npx skills add https://github.com/huunghiaish/ng-skills --skill ng-frontend-slides

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ng:frontend-slides
Source: https://github.com/huunghiaish/ng-skills/tree/main/ng-frontend-slides
Command: npx skills add https://github.com/huunghiaish/ng-skills --skill ng-frontend-slides

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires python-pptx, and includes scripts (resource) and references (resource) components.

What problem does it solve?

ng:frontend-slides enables designers and developers to generate self-contained HTML presentations that run offline, require no build step, and support Vietnamese typography.

Core Features & Use Cases

Zero-dependency, single HTML file output with inline CSS/JS
PPT/PPTX conversion workflow and slide previews via the scripts/extract-pptx.py script
Vietnamese typography support using references/vietnamese-typography.md and Vietnamese font presets
Style presets to guide aesthetics and ensure readable Vietnamese content

Quick Start

Create a new deck by running the ng:frontend-slides skill, provide your content, and open the produced HTML file.

Frequently Asked Questions about ng:frontend-slides

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

FAQPage Schema

How do I create self-contained HTML presentations that work offline?▼

Self-contained HTML presentations are generated as single HTML files with inline CSS and JS, requiring zero external dependencies. You provide the content and open the produced file directly in any browser without a build step.

Can I convert PPTX files to HTML slides?▼

PPTX files can be converted to HTML slides using an extraction script. The workflow processes your existing PowerPoint content and transforms it into a self-contained HTML presentation with inline styling.

Does generating HTML slides support Vietnamese typography and diacritics?▼

Vietnamese typography and diacritics are fully supported through dedicated font presets and typography references. This ensures readable Vietnamese content with proper character rendering in the final HTML presentation.

Do I need any external libraries or frameworks to run these HTML slides?▼

No external libraries or frameworks are needed. The output enforces a single HTML file with inline CSS, JS, and responsive typography using clamp(), ensuring decks run completely offline without dependencies.

What is the best way to style HTML presentations for fast visual distinction?▼

Style presets provide the best way to achieve fast, visually distinctive HTML presentations. These presets guide aesthetics and ensure readable content without requiring manual CSS configuration for each slide.

Are there limitations when converting PPTX to a single HTML file?▼

PPTX conversion relies on the python-pptx dependency to extract content, meaning complex PowerPoint animations or embedded media may not fully translate into the self-contained, single HTML file output format.