skills.rest
marcosgcr3
marcosgcr3COMMUNITY
Explore all skills by this author →
GitHub

slides

Create strategic HTML presentations with responsive layouts and Chart.js data visualizations.

Updated Jun 26, 2026
Search Tags:#presentations#responsive design#copywriting#pitch deck#chartjs#html slides#slide strategy
One-click install
npx skills add https://github.com/marcosgcr3/gardencenter2 --skill slides-marcosgcr3
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/marcosgcr3/gardencenter2/tree/main/.agents/skills/slides
Command: npx skills add https://github.com/marcosgcr3/gardencenter2 --skill slides-marcosgcr3

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill helps create structured, persuasive HTML presentations without having to invent slide flow, copy, layout, and chart patterns from scratch.

Core Features & Use Cases

  • Strategic Deck Planning: Maps presentation goals to proven slide structures such as investor pitches, sales decks, product demos, and executive updates.
  • Slide Copy Guidance: Provides copywriting formulas for hooks, problem framing, proof, urgency, and calls to action.
  • HTML Presentation Patterns: Supplies responsive HTML slide templates, layout systems, animation patterns, and Chart.js examples for data-driven decks.
  • Use Case: Create a 10-slide investor presentation with a clear story arc, strong slide headlines, responsive layouts, and embedded metrics charts.

Quick Start

Use the slides skill to create a 10-slide HTML pitch deck about your product launch with charts and a strong call to action.

Frequently Asked Questions about slides

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

FAQPage Schema
How do I build a responsive HTML pitch deck with embedded charts?▼

Build a responsive HTML pitch deck by using predefined HTML slide templates, copywriting formulas for narrative flow, and Chart.js integration to render data visualizations. This maps presentation goals to proven structures without manual layout design.

What copywriting formulas work best for sales presentations and product demos?▼

Copywriting formulas for sales presentations and product demos include structured frameworks for hooks, problem framing, proof, urgency, and calls to action. These formulas guide slide copy creation to ensure a persuasive narrative arc across the deck.

Can I use Chart.js for data visualization in HTML slide decks?▼

Chart.js is fully supported for data visualization in HTML slide decks. The skill provides Chart.js integration patterns and examples to embed responsive, data-driven metrics charts directly into your presentation slides.

Do I need YAML configuration to generate strategic slide structures?▼

YAML configuration is required to define routing for strategic slide structures. The skill uses YAML-defined routing alongside reference-driven guidance to map presentation goals to appropriate deck types like investor pitches or executive updates.

What is the best way to structure an investor presentation with a clear story arc?▼

The best way to structure an investor presentation is to map presentation goals to proven slide structures using strategic deck planning. This provides a 10-slide framework with a clear story arc, strong headlines, and embedded metrics charts.

Related Skills

Explore More Marketing & Sales Skills→
ilamanovilamanov

create-learning-map

Generate interactive Obsidian learning maps from user-defined goals and prerequisite assessments.

Community
Advanced
xpert-aixpert-ai
8

report-to-google-slides

Convert HTML analytics reports into editable Google Slides decks.

Official
Advanced
STAR03-byteSTAR03-byte
1

ckm:slides

Generate strategic HTML presentations with Chart.js, design tokens, and copywriting formulas.

Community
Intermediate
hiimtrunghiimtrung
4

ckm:slides

Generate HTML presentation decks with Chart.js data visuals and layout templates.

Community
Advanced