skills.rest
WizCoderr
WizCoderrCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

slides

Design and populate HTML presentations with Chart.js data visualizations.

Updated Sep 26, 2025
Search Tags:#data visualization#presentation design#Chart.js#responsive layout#HTML presentation
One-click install
npx skills add https://github.com/WizCoderr/.dotfiles --skill slides-wizcoderr
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/WizCoderr/.dotfiles/tree/main/.cursor/skills/slides
Command: npx skills add https://github.com/WizCoderr/.dotfiles --skill slides-wizcoderr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires chart.js, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill helps users create professional HTML presentations with strategic design, data visualization, and responsive layouts, streamlining the process of crafting persuasive and visually appealing presentations.

Core Features & Use Cases

  • Strategic Design: Utilizes design tokens, responsive layouts, and copywriting formulas to create presentations that engage and persuade.
  • Data Visualization: Integrates Chart.js for data-driven slides that convey information effectively.
  • Responsive Layouts: Ensures presentations look great on any device, from desktops to mobile phones.
  • Use Case: A marketing team needs to create a pitch deck with data-driven slides to present to potential clients. This Skill can be used to quickly design and populate the deck with relevant data and visualizations.

Quick Start

Create a presentation with slides for a given topic and desired slide count: slides "Marketing Strategy" 20

Frequently Asked Questions about slides

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

FAQPage Schema
How do I create a responsive HTML presentation with data visualizations?▼

To create a responsive HTML presentation with data visualizations, this Skill designs and populates HTML slides using Chart.js and design tokens. It handles HTML structure and styling automatically, ensuring layouts adapt to desktops and mobile devices.

Can I use Chart.js for data visualization in an HTML pitch deck?▼

Yes, you can use Chart.js for data visualization in an HTML pitch deck. This Skill requires Chart.js as a dependency to integrate data-driven charts and convey strategic information effectively within responsive slide layouts.

What is the best way to build a marketing presentation with data-driven slides?▼

The best way to build a marketing presentation with data-driven slides is to use this Skill's strategic design capabilities. It applies copywriting formulas and design tokens to generate persuasive pitch decks populated with Chart.js visualizations.

Do I need Chart.js to design strategic HTML presentations?▼

Yes, you need Chart.js to design strategic HTML presentations with this Skill. Chart.js is a required dependency for rendering the data visualizations that populate the data-driven slides and convey information effectively.

How do I generate a multi-slide presentation for a specific topic?▼

You generate a multi-slide presentation for a specific topic by providing the topic name and desired slide count. The Skill then designs and populates the HTML presentation with strategic layouts and data visualizations based on those inputs.

Related Skills

Explore More Marketing & Sales Skills→
STAR03-byteSTAR03-byte
1

ckm:slides

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

Community
Intermediate
0dot770dot77

lecture-export

Convert HTML lecture slides into a single high-resolution PDF via Playwright.

Community
Advanced
fisto-techfisto-tech

slides

Create strategic HTML presentations with Chart.js data visualizations and design tokens.

Official
Advanced
Veloxia-agencyVeloxia-agency

ckm:slides

Generate HTML presentation decks from a topic and slide count with Chart.js visualizations.

Community
Advanced