skills.rest
Within-7
Within-7OFFICIAL
Explore all skills by this author →
GitHub

beauty-step3

Transform content inventories into runnable HTML slides using beauty-html templates.

Updated Aug 27, 2026
Search Tags:#automation#html#layout#component#slides#color-system
One-click install
npx skills add https://github.com/Within-7/minto-plugin-tools --skill beauty-step3
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: beauty-step3
Source: https://github.com/Within-7/minto-plugin-tools/tree/main/html-presentation-beautifier/skills/beauty-step3
Command: npx skills add https://github.com/Within-7/minto-plugin-tools --skill beauty-step3

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill transforms a step-by-step content inventory into fully runnable HTML slides, saving time and ensuring consistency across presentations.

Core Features & Use Cases

  • Content→Component→Layout→Code workflow to generate HTML slides from a slide list.
  • Automated content element recognition and layout selection to map content to appropriate HTML components.
  • Color and template conformance by adhering to beauty-html reference resources (LAYOUTS_INDEX.md, COMPONENTS_INDEX.md, and assets), enabling repeatable brand styling.
  • Use cases include converting step-by-step presentations for product demos, training slides, and executive decks.

Quick Start

Use the beauty-step3 skill to convert a prepared Step 2 slide list into a full HTML slideshow. Ensure required resources are present (beauty-html assets, LAYOUTS_INDEX.md, COMPONENTS_INDEX.md) and, if available, project-specific assets. Run the tool against your input and review the generated output in the output directory.

Frequently Asked Questions about beauty-step3

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

FAQPage Schema
How do I convert a content inventory into HTML slide decks automatically?▼

To convert a content inventory into HTML slide decks, this Skill performs content element recognition, component matching, layout selection, and code generation to produce fully runnable HTML slides.

What is the workflow for generating HTML presentation slides from text?▼

The HTML presentation generation workflow maps content to appropriate HTML components by reading layout and component indexes, applying a color system, and outputting polished slide code.

Do I need any special tools to generate HTML slides from a content list?▼

No special tools are required to generate HTML slides beyond the repository-provided templates and reference resources like LAYOUTS_INDEX.md and COMPONENTS_INDEX.md.

How to ensure consistent brand styling when automating HTML slide layout generation?▼

To ensure consistent brand styling when automating HTML slide layout generation, the process adheres strictly to a predefined color system and beauty-html reference resources for repeatable template conformance.

Related Skills

Explore More Design & Creative Skills→
elenaviterelenaviter
14

pptx-press

Convert slide-structured HTML into PPTX presentations with styled layouts and citations.

Community
Intermediate
openaiopenai
488

report-to-google-slides

Converts an HTML analytics report into an editable PPTX deck for Google Slides imports.

Official
Advanced
DiologIRDiologIR

presentation-design-md-from-screenshots

Extract visual design specifications from slide screenshots into a PRESENTATION_DESIGN.md file.

Official
Advanced
MuhammadUAMuhammadUA

presentations

Create, validate, and export 1920x1080 HTML slide decks to PDF and PPTX.

Community
Intermediate