skills.rest
yugasun
yugasunCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

slides

Generate a single-file HTML slide deck with a Cyberpunk Professional theme.

1|Updated Jan 29, 2026
Search Tags:#automation#design#HTML#presentation#theme#slides
One-click install
npx skills add https://github.com/yugasun/skills --skill slides
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/yugasun/skills/tree/main/skills/slides
Command: npx skills add https://github.com/yugasun/skills --skill slides

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps you generate a high-quality, single-file HTML presentation based on user content, enabling fast, design-forward slide decks with consistent cyberpunk aesthetics.

Core Features & Use Cases

  • Automated slide generation: Break input into 8-12 slides with layouts like cover, split, tiles, timeline.
  • Designer theme & fonts: Applies "Cyberpunk Professional" theme using Google Fonts (Space Grotesk, Inter, JetBrains Mono) and a deep neon palette.
  • Output ready: Produces a single index.html containing all CSS/JS to load in a browser, with mobile scale-to-fit logic.
  • Use Case: User asks for a presentation on a topic; this skill returns a complete HTML deck ready to host.

Quick Start

Use the slides skill to generate an 8-12 slide deck from the input topic and save it to slides/<ppt-name>/dist/index.html.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I generate a single-file HTML presentation from text content?▼

To generate an HTML presentation, provide your text content to be automatically structured into 8-12 slides. The system outputs a self-contained index.html file with embedded CSS and JavaScript, ready to open in any browser.

Can I create a slide deck with a cyberpunk theme automatically?▼

Yes, you can automatically apply a Cyberpunk Professional theme to your slide deck. The system uses a deep neon palette and Google Fonts like Space Grotesk, Inter, and JetBrains Mono to style the HTML presentation without manual CSS.

What slide layouts are available for automated HTML presentation generation?▼

Available automated slide layouts include cover, split, tiles, and timeline formats. These deterministic layouts structure your content into a varied 8-12 slide HTML deck for product briefs or educational talks.

Do I need external CSS or JavaScript files to host the generated HTML slides?▼

No, you do not need external CSS or JavaScript files to host the generated slides. The output is a complete single-file index.html containing all embedded code and mobile scale-to-fit logic, making it ready to host immediately.

Does the generated HTML slide deck support mobile viewing?▼

Yes, the generated HTML slide deck supports mobile viewing. It implements mobile scale-to-fit logic within the single-file index.html output, ensuring the cyberpunk presentation displays correctly across mobile browser environments.

Related Skills

Explore More Design & Creative Skills→
meytalp-devmeytalp-dev

create-presentation

Generate a single HTML presentation file from a topic or uploaded document.

Community
Intermediate
AntonySilverhandAntonySilverhand

slidegen

Generate a self-contained HTML slide deck from a topic or motion.

Community
Advanced
ferryhinardiferryhinardi
2

ui-components-creation

Build reusable React 19 UI components with TypeScript and Panda CSS.

Community
Intermediate
MuhammadUAMuhammadUA

presentations

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

Community
Intermediate