skills.rest
Kentox493
Kentox493COMMUNITY
Explore all skills by this author →
GitHub

slides

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

Updated Apr 6, 2026
Search Tags:#html#data visualization#copywriting#presentation#slides#pitch deck#chart.js
One-click install
npx skills add https://github.com/Kentox493/Portfolio --skill slides-kentox493
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/Kentox493/Portfolio/tree/main/.agents/skills/slides
Command: npx skills add https://github.com/Kentox493/Portfolio --skill slides-kentox493

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building persuasive, well-designed presentations from scratch requires juggling layout design, data visualization, and persuasive copywriting, which is slow and inconsistent without a structured system. ## 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 slide decks 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 a closing CTA. ## 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 slide deck structure works best for investor pitches?▼

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 frustration and hope to urgency.

Which copywriting formula should I use for a problem slide?▼

Use PAS (Problem-Agitate-Solution) for problem slides to build frustration, or Cost of Inaction to create urgency. The formula-to-slide mapping table pairs each slide type with its primary formula and target emotion.

Do the generated HTML slides work on mobile devices?▼

Yes, the HTML template includes responsive breakpoints for tablet and mobile with clamp-based typography and stacked grid layouts. On desktop it locks to a 16:9 aspect ratio with letterboxing.

What are the limitations of HTML slides compared to PowerPoint?▼

HTML slides require a browser to present and cannot be edited in PowerPoint or Keynote. They are best for web sharing and live presentation, not for workflows requiring native slide editing or corporate template compliance.

Related Skills

Explore More Marketing & Sales Skills→
hontauadrianhontauadrian

ckm:slides

Generates HTML presentation slides with Chart.js charts, layout patterns, and copywriting formulas.

Community
Intermediate
shekerkammashekerkamma

presentation-exporter

Export HTML presentations to PDF, PNG, and markdown speaker notes.

Community
Intermediate
Pixel-Process-UGPixel-Process-UG
1

content-creator

Generate marketing copy and social media content from brand attributes and audience personas.

Official
Intermediate
innFactory-AIinnFactory-AI

powerpoint-skill

Create and edit PowerPoint .pptx decks via companyFILES MCP tools.

Official
Advanced