skills.rest
futureboard
futureboardOFFICIAL
Explore all skills by this author →
Website𝕏@ftbdprojectGitHub

slides

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

82|9|Updated May 12, 2026
Search Tags:#html#data visualization#copywriting#presentation#slides#pitch deck#chart.js
One-click install
npx skills add https://github.com/futureboard/futureboard-studio --skill slides-futureboard
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/futureboard/futureboard-studio/tree/main/.cursor/skills/slides
Command: npx skills add https://github.com/futureboard/futureboard-studio --skill slides-futureboard

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Building professional HTML presentations from scratch requires juggling layout design, data visualization, and persuasive copywriting, which is time-consuming without a structured approach. ## Core Features & Use Cases - Strategic Slide Creation: Generate HTML presentations using proven layout patterns and slide strategies tailored to your topic and audience. - Data Visualization: Integrate Chart.js charts directly into slides for data-driven storytelling. - Copywriting Formulas: Apply established copywriting frameworks to craft persuasive slide content. - Use Case: A product manager needs a 10-slide pitch deck with market data charts. Use this Skill to generate a complete HTML presentation with responsive layouts, Chart.js visualizations, and conversion-optimized copy. ## Quick Start Use the slides skill to create a 10-slide HTML presentation about our Q4 product launch with data charts.

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 Chart.js charts?▼

Use the create subcommand with your topic and desired slide count. The Skill loads layout patterns and HTML templates from its references, then generates slides with embedded Chart.js visualizations for your data.

What layout patterns are available for HTML slides?▼

The Skill provides layout patterns documented in references/layout-patterns.md, covering common presentation structures. These patterns combine with design tokens to produce responsive slide layouts.

Can I customize the number of slides in the presentation?▼

Yes, pass the slide count as an argument alongside your topic, following the format [topic] [slide-count]. The Skill generates the requested number of slides using its slide strategies reference.

Does the slides skill support copywriting for presentations?▼

Yes, it includes copywriting formulas documented in references/copywriting-formulas.md. These formulas are applied to slide content to make presentations more persuasive for marketing and pitch contexts.

When should I not use HTML slides for presentations?▼

HTML slides may not fit when you need PowerPoint or Keynote compatibility for corporate environments, offline editing by non-technical stakeholders, or complex animations requiring dedicated presentation software.

Related Skills

Explore More Marketing & Sales Skills→
vivy-yivivy-yi
363

data-visualization

Generate charts, graphs, and infographics from provided datasets.

Community
Intermediate
mayconspirlandellimayconspirlandelli

mira-webview

Embeds a live website full-bleed inside a Mira presentation slide via iframe.

Community
Intermediate
iamasters-academyiamasters-academy
20

tool-output-verifier

Validate text outputs for brand consistency, readability, length, and factual accuracy.

Official
Advanced
tsinghua-fib-labtsinghua-fib-lab
1.2k

pptx

Create and edit PowerPoint presentations using templates and visual styling.

Official
Advanced