skills.rest
TarunTeja44
TarunTeja44COMMUNITY
Explore all skills by this author →
GitHub

slides

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

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

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 Slide 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, keyboard controls, 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 deck on your startup, and receive a complete HTML presentation with traction charts, layout patterns, and conversion-optimized copy. ## 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 dark-theme styling included in the template.

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. Its emotion arc moves from curiosity through frustration and hope to urgency.

Are the generated HTML slides responsive on mobile devices?▼

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

Which copywriting formula should I use for a call-to-action slide?▼

Use AIDA (Attention-Interest-Desire-Action) combined with urgency patterns for CTA slides. The formula-to-slide mapping table pairs each slide type with a primary formula and target emotion.

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 custom interactivity but lack native presenter tools like speaker notes and slide sorter views.

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
EmasoftEmasoft

amvcp-share-pages

Deploy a self-contained HTML page to Vercel and return a public live URL.

Community
Intermediate
stromy-orgstromy-org

pptx

Convert HTML slides into branded PPTX decks with charter-driven styling.

Official
Advanced
dbbuilder-orgdbbuilder-org

marp-generator

Generate slide decks from Markdown using Marp CLI and marp-autofit.

Official
Advanced