skills.rest
KlyrhonMiko
KlyrhonMikoCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

slides

Create HTML presentations with Chart.js charts, design tokens, and copywriting formulas.

Updated Aug 25, 2026
Search Tags:#html#data visualization#copywriting#presentation#slides#pitch deck#Chart.js
One-click install
npx skills add https://github.com/KlyrhonMiko/kly-skills --skill slides-klyrhonmiko
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/KlyrhonMiko/kly-skills/tree/main/data/skills/ui-ux-pro-max-skill/.claude/skills/slides
Command: npx skills add https://github.com/KlyrhonMiko/kly-skills --skill slides-klyrhonmiko

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building persuasive, well-structured presentations from scratch requires design, copywriting, and data visualization expertise that most people lack, resulting in weak decks that fail to persuade. ## Core Features & Use Cases - Strategic Deck Structures: Choose from 15 proven deck strategies (YC Seed Deck, Sales Pitch, Product Demo) with defined emotion arcs. - HTML Slide Generation: Produce responsive 16:9 HTML slides with navigation, animations, and Chart.js data visualizations. - Copywriting Formulas: Apply 25 persuasion formulas (PAS, AIDA, FAB) mapped to specific slide types. - Use Case: Ask for a 10-slide investor pitch on your startup, and receive a complete HTML deck with a traction chart, problem-solution narrative, and CTA closing slide. ## Quick Start Use the slides skill to create a 10-slide investor pitch deck about my SaaS product with a revenue chart.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I create an HTML presentation with Chart.js?▼

Use the slides skill with a topic and slide count to generate a complete HTML deck. It embeds Chart.js via CDN for line, bar, doughnut, and radar charts, with responsive containers and navigation controls included.

What pitch deck structure should I use for investors?▼

The YC Seed Deck structure uses 10 slides: Title, Problem, Solution, Traction, Market, Product, Business Model, Team, Financials, and The Ask. It follows an emotion arc from curiosity through confidence to urgency.

How to write persuasive slide copy for presentations?▼

Apply copywriting formulas matched to slide type: PAS for problem slides, FAB for features, AIDA for CTAs, and Cost of Inaction for urgency. The formula-to-slide mapping table pairs each slide type with its primary formula and target emotion.

Are the generated HTML slides responsive on mobile?▼

Yes, the HTML template includes breakpoints for tablet (768px) and mobile (480px) with adjusted padding, font sizes, and grid layouts. On desktop the deck locks to a 16:9 aspect ratio with letterboxing.

What are the limitations of HTML slide decks?▼

HTML decks require a browser to present and lack native presenter notes or PowerPoint compatibility. They suit web-based sharing and live demos but not environments requiring .pptx files or offline presentation software.

Related Skills

Explore More Design & Creative Skills→
fivebucksventuresfivebucksventures

campaign-presenter

Generate campaign slide decks from briefs and research notes.

Official
Advanced
lettucebolettucebo

publish-to-pages

Convert PPTX, PDF, and HTML files into live GitHub Pages sites.

Community
Intermediate
OpenRouterTeamOpenRouterTeam
7

viz

Enforces brand color and chrome rules for charts, diagrams, and marketing visuals.

Official
Advanced
ZJU-REALZJU-REAL
195

ppt-design

Generate PowerPoint presentations from outlines, documents, data, or PPTX files.

Official
Advanced