skills.rest
Harshodai
HarshodaiCOMMUNITY
Explore all skills by this author →
GitHub

slides

Generate HTML presentation decks with responsive design tokens and Chart.js visualizations.

Updated Jan 20, 2026
Search Tags:#design#html#copywriting#presentation#slides#chartjs
One-click install
npx skills add https://github.com/Harshodai/tayari-skill-boost --skill slides-harshodai
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/Harshodai/tayari-skill-boost/tree/main/.agents/skills/slides
Command: npx skills add https://github.com/Harshodai/tayari-skill-boost --skill slides-harshodai

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the friction of creating high-quality, responsive presentations by automating the integration of design tokens, data visualizations, and persuasive copywriting formulas into a clean HTML structure.

Core Features & Use Cases

  • Strategic Layouts: Access 25+ pre-built layout patterns ranging from problem statements to metrics dashboards.
  • Data Visualization: Seamlessly embed interactive Chart.js components for professional data storytelling.
  • Copywriting Integration: Apply proven frameworks like PAS or AIDA directly to slide content to maximize audience engagement.

Quick Start

Use the slides skill to create a 10-slide pitch deck about our new product launch using the YC Seed strategy.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I create HTML presentation decks with embedded data visualizations?▼

Yes, Chart.js visualizations are seamlessly embedded directly into the HTML deck structure to support professional data storytelling. This allows you to present interactive metrics dashboards and data-driven insights without relying on external presentation software.

Can I apply copywriting formulas like AIDA or PAS to my presentation slides?▼

Yes, proven copywriting frameworks like PAS or AIDA are applied directly to slide content to maximize audience engagement. The skill integrates these persuasive formulas into the HTML layout to strategically structure your presentation's narrative flow.

What's the best way to build a responsive investor pitch deck in HTML?▼

Building a responsive investor pitch deck in HTML is best achieved by leveraging 25+ pre-built strategic layout patterns ranging from problem statements to metrics dashboards. This approach automates the integration of design tokens and persuasive copywriting into a clean structure.

Do I need external presentation software to use these strategic HTML slide layouts?▼

No, you do not need external presentation software to use these strategic HTML slide layouts. The skill generates a clean, responsive HTML structure that operates independently and incorporates design tokens, copywriting frameworks, and data visualizations natively.

Does the HTML deck generation support internal QBRs and sales demos?▼

Yes, HTML deck generation supports diverse professional use cases including internal QBRs, sales demos, and investor pitches. It implements structured copywriting frameworks and emotion-based slide sequencing specifically designed to optimize audience engagement across these scenarios.

Related Skills

Explore More Design & Creative Skills→
landim32landim32
1

ckm:slides

Generate strategic HTML slide decks with Chart.js visuals and design tokens.

Community
Intermediate
neubigneubig
3

openhands-slides

Create branded reveal.js slide decks as self-contained HTML files.

Community
Intermediate
Bauhaus-InfAUBauhaus-InfAU

interactive-dashboard-builder

Generate self-contained HTML dashboards with Chart.js charts and dropdown filters.

Official
Intermediate
MuhammadUAMuhammadUA

presentations

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

Community
Intermediate