skills.rest
prasanna591
prasanna591COMMUNITY
Explore all skills by this author →
GitHub

slides

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

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

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 time-consuming and often produces inconsistent results. ## Core Features & Use Cases - Strategic Deck Structures: Choose from 15 proven deck strategies like YC Seed Deck, Sales Pitch, and 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: A founder preparing for investor meetings can generate a complete 10-slide YC-style pitch deck with traction charts, gradient-styled titles, and a structured emotion arc from curiosity to urgency. ## Quick Start Use the slides skill to create a 10-slide investor pitch deck about my SaaS product with a revenue growth 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 self-contained HTML deck. It embeds Chart.js from 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 template includes responsive breakpoints for tablet and mobile with adjusted padding, font sizes, and 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 suit web-based sharing and interactive charts but lack native presenter tools like speaker notes and slide sorter views.

Related Skills

Explore More Marketing & Sales Skills→
marketingLendariomarketingLendario
18

mockup-produto-funil

Generate product and bonus mockups from brand design tokens.

Community
Advanced
core-wrkcore-wrk

investor-outreach-drafter

Draft personalized investor outreach messages under 100 words.

Official
Intermediate
anthropicsanthropics
23.4k

brand-review

Review content against brand voice, style guides, and messaging pillars.

Official
Advanced
UnicomAIUnicomAI
2.5k

pptx-generator

Generate, edit, and read PowerPoint presentations using PptxGenJS, XML manipulation, and markitdown.

Community
Advanced