beautiful-html-templates

Reusable HTML slide template library with 34 complete visual systems. Use when the user wants a beautiful HTML slide deck, presentation, PPT-style web deck, pitch deck, talk slides, or template-driven slide design and wants the agent to pick, preview, clone, and adapt a strong template from a curated gallery.

Jump to install

Repository: endman100/skill-router-nexus
Last source activity: June 19, 2026 at 05:58
Detected SKILL.md language: English
Stars: 0
Forks: 0

Install options

The review-first prompt is selected by default. You can switch to a direct command or download a local copy.

Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.

A direct command skips the review prompt. Inspect the source before running it.

npx skills add https://github.com/endman100/skill-router-nexus --skill beautiful-html-templates

The command stays on one line. Scroll horizontally to inspect it before copying.

Prefer a local copy? Download the files currently available to SkillsMP.

Review the source files

Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.

File Explorer

100 files

SKILL.md

Source instructions · Read-only preview

Back to search Back to installation

Beautiful HTML Templates

Use this skill to build finished HTML slide decks from the beautiful-html-templates library.

Source repository: https://github.com/zarazhangrui/beautiful-html-templates.

Workflow

Read AGENTS.md at the start of any deck-building task.

Read index.json to match the user's occasion, mood, tone, formality, density, and light/dark preference against the template catalog.

Shortlist three visually distinct templates.

For each shortlisted template, read only that template's template.html, create a real title-slide preview with the user's deck topic, and open the preview for the user.

After the user chooses, copy the selected template folder from templates/ into the user's workspace and replace placeholder text, numbers, images, dates, author names, and chrome labels with the user's real content.

If the deck needs a missing layout, extend the chosen template's design system instead of mixing in another template.

Open the final deck in the browser and report the absolute path.

Key Files

AGENTS.md - operating manual for matching, previewing, and adapting templates.

index.json - structured catalog of all templates.

templates/<slug>/ - complete template folders.

screenshots/ - gallery previews for template evaluation.

Guardrails

Preserve the chosen template's fonts, palette, layout grid, slide classes, decorative vocabulary, and navigation runtime.

Do not recolor or substitute fonts unless the user explicitly asks for a custom redesign.

Do not combine slides from different templates; extend one chosen visual system when additional layouts are needed.

Always use real user-facing slide content in previews. Do not render internal labels such as "template", "option", "preview", paths, or workflow notes on the slide itself.