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

Ready to run

npx skills add https://github.com/marcosgcr3/gardencenter2 --skill slides-marcosgcr3

💬 Prompt for ChatGPT / Claude Chat▼

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.