skills.rest
guideops
guideopsCOMMUNITY
Explore all skills by this author →
GitHub

slides

Create HTML presentations with Chart.js graphs and responsive layouts.

Updated Jun 23, 2026
Search Tags:#data visualization#presentation design#Chart.js#responsive layout#sales metrics
One-click install
npx skills add https://github.com/guideops/agentic-shared --skill slides-guideops
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/guideops/agentic-shared/tree/main/skills/ui-ux-pro-max/plugin-skills/slides
Command: npx skills add https://github.com/guideops/agentic-shared --skill slides-guideops

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill helps you create engaging HTML presentations that effectively communicate your message with design tokens, responsive layouts, and Chart.js visualization.

Core Features & Use Cases

  • Strategic Design: Use Chart.js and design tokens to create visually appealing and data-driven slides.
  • Responsive Layouts: Ensure your presentations look great on any device with responsive design principles.
  • Copywriting Formulas: Leverage a collection of copywriting formulas to enhance the persuasive power of your content.
  • Slide Strategies: Apply proven slide structures to engage your audience and convey your message effectively.
  • Use Case: Need to create a marketing presentation or pitch deck that stands out? This Skill can help you design slides that effectively communicate your message and drive action.

Quick Start

Use the slides skill to create a presentation on "Sales Metrics" with a minimum of 10 slides.

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 interactive data visualization?▼

To create an HTML presentation with interactive data visualization, this Skill integrates Chart.js to render responsive, data-driven slides. It leverages strategic design patterns and layout tokens to ensure your visualizations engage audiences effectively across devices.

What is the best way to build responsive sales metrics slides for a pitch deck?▼

The best way to build responsive sales metrics slides is applying proven slide strategies and copywriting formulas alongside Chart.js graphs. This approach generates HTML presentations that adapt to any screen size while effectively communicating marketing data to drive action.

Can I use Chart.js for data visualization in marketing presentation design?▼

Yes, you can use Chart.js for data visualization in marketing presentation design. This Skill natively integrates the framework to build interactive graphs and applies design tokens to create visually appealing slides tailored for marketing materials and pitch decks.

How do I apply copywriting formulas to a data presentation?▼

You apply copywriting formulas to a data presentation by leveraging built-in strategic design patterns within your HTML slides. This combines persuasive content structures with Chart.js data visualization to enhance audience engagement and convey your message effectively.

Do I need HTML and CSS to customize presentation layouts?▼

Yes, you need access to HTML and CSS to customize presentation layouts. This Skill requires these frontend technologies to apply responsive design principles and strategic layout tokens that ensure your data visualizations look great on any device.

Related Skills

Explore More Marketing & Sales Skills→
antony-jipantony-jip

ckm:slides

Generate strategic HTML presentations with Chart.js visualizations and responsive layouts.

Community
Intermediate
Ben1821Ben1821

slides

Construct HTML presentations with design tokens, responsive layouts, and Chart.js.

Community
Intermediate
dbmccodbmcco
20

keynote-slides

Create single-file Keynote-style HTML slide decks with brand tokens and Gemini-generated visuals.

Community
Advanced
dmccrearydmccreary
90

chartjs-generator

Generate interactive Chart.js visualizations with HTML, CSS, and documentation packages.

Community
Intermediate