skills.rest
ll1llk
ll1llkCOMMUNITY
Explore all skills by this author →
GitHub

slides

Generate HTML presentations with Chart.js visualizations and design tokens.

Updated Jul 6, 2026
Search Tags:#data visualization#HTML#presentation design#Chart.js#responsive layout
One-click install
npx skills add https://github.com/ll1llk/portfilo --skill slides-ll1llk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: slides
Source: https://github.com/ll1llk/portfilo/tree/main/v0_memories/user/skills/slides
Command: npx skills add https://github.com/ll1llk/portfilo --skill slides-ll1llk

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of creating professional, data-driven HTML presentations, providing a streamlined process for design, content, and visualization.

Core Features & Use Cases

  • Strategic Design: Leverages design tokens and responsive layouts for consistent and professional presentation aesthetics.
  • Data Visualization: Integrates Chart.js for dynamic and interactive data representation.
  • Copywriting: Offers copywriting formulas and contextual slide strategies to enhance the narrative and persuasive impact of presentations.
  • Use Case: Ideal for marketing presentations, pitch decks, and data-driven reports that require both visual appeal and clear messaging.

Quick Start

Create a presentation with the slides skill by specifying the topic and desired slide count, e.g., 'slides marketing 20'.

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 embedded data visualizations?▼

You can generate an HTML presentation with data visualizations by specifying your topic and desired slide count. The tool handles slide structure, responsive layouts, and copywriting strategies automatically.

Do I need Chart.js to build data-driven presentation slides?▼

Yes, Chart.js is required to render the dynamic and interactive data visualizations within your HTML presentation. The tool relies on this dependency to generate charts.

Can I use design tokens for strategic presentation design in HTML?▼

Yes, strategic presentation design leverages design tokens to ensure consistent and professional aesthetics across your HTML slides. This approach streamlines visual styling and responsive layout generation.

What is the best way to add copywriting and narrative structure to a pitch deck?▼

The best way to add copywriting to a pitch deck is using built-in copywriting formulas and contextual slide strategies. This enhances the narrative and persuasive impact of your marketing presentations.

Does this tool support responsive layouts for data-driven reports?▼

Yes, the tool supports responsive layouts specifically designed for data-driven reports and pitch decks. This ensures your HTML presentations and embedded charts adapt correctly across different devices.

Related Skills

Explore More Design & Creative Skills→
Veloxia-agencyVeloxia-agency

ckm:slides

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

Community
Advanced
dmccrearydmccreary
90

chartjs-generator

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

Community
Intermediate
HerxinsasaHerxinsasa
1

ckm:slides

Creates strategic HTML presentations with integrated Chart.js data visualization and responsive design tokens.

Community
Intermediate
STAR03-byteSTAR03-byte
1

ckm:slides

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

Community
Intermediate