skills.rest
yonetim258852
yonetim258852COMMUNITY
Explore all skills by this author →
GitHub

uupm-slides

Create strategic HTML slide decks with Chart.js visuals and design tokens.

Updated May 24, 2026
Search Tags:#copywriting#presentation#slides#responsive#chart.js#design-tokens
One-click install
npx skills add https://github.com/yonetim258852/ozgur-os --skill uupm-slides
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: uupm-slides
Source: https://github.com/yonetim258852/ozgur-os/tree/main/.claude/skills/uupm-slides
Command: npx skills add https://github.com/yonetim258852/ozgur-os --skill uupm-slides

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

High-effort, multi-tool slide creation slows momentum; teams struggle to produce consistent, data-rich presentations quickly.

Core Features & Use Cases

  • Chart.js integration for clean data visuals
  • Design tokens-driven styling for consistent branding
  • Responsive layouts that adapt across devices
  • Contextual slide strategies and copywriting formulas for persuasive decks

Quick Start

Generate a 5-slide HTML deck using Chart.js visuals and a design-token-driven style.

Frequently Asked Questions about uupm-slides

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

FAQPage Schema
How do I create responsive HTML slides with Chart.js visuals?▼

Generate strategic HTML slide decks featuring Chart.js visuals and design-token-driven styling, applying a responsive layout system that adapts across devices for data storytelling.

Can I use design tokens to keep presentation branding consistent?▼

Apply design-token-driven styling to maintain consistent branding across your presentation, rendering deterministic slides with unified visual rules and responsive layouts.

What is the best way to build a persuasive product roadmap presentation?▼

Build persuasive product roadmap presentations by applying contextual slide strategies and copywriting formulas that structure data storytelling with actionable insights.

Does this slide generation approach support marketing presentations?▼

Generate strategic HTML slide decks for marketing presentations by integrating HTML templates with a slide knowledge base to render persuasive, data-rich decks with copywriting formulas.

Do I need external dependencies to generate HTML slide decks?▼

Generate HTML slide decks without external dependencies, integrating Chart.js visuals, design tokens, and HTML templates to render deterministic slides with responsive layouts.

Related Skills

Explore More Design & Creative Skills→
edisonabeledisonabel

ckm:slides

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

Community
Intermediate
alinur527alinur527

ckm:slides

Create strategic HTML presentations with persuasive slide structures and Chart.js visualizations.

Community
Advanced
idontcarlidontcarl

ckm:slides

Create strategic HTML slide decks with Chart.js and design tokens.

Community
Intermediate
deomiarndeomiarn

design-system-creator

Generate design tokens, CSS variables, and Tailwind extensions for web design systems.

Community
Advanced