slides
nextlevelbuilder/ui-ux-pro-max-skill
Create strategic HTML presentations with Chart.js, design tokens, and data visualization.
What is slides?
The slides skill generates professional HTML presentations optimized for marketing, pitch decks, and data-driven content. Use it when you need to quickly build responsive, visually coherent presentations with built-in support for charts, design tokens, and copywriting best practices.
- Generate strategic HTML presentations from topic and slide count
- Integrate Chart.js for data visualization and charts
- Apply design tokens for consistent visual styling
- Create responsive layouts that work across devices
- Implement copywriting formulas for persuasive content
- Provide contextual slide strategies for different presentation types
How to install slides
npx skills add https://github.com/nextlevelbuilder/ui-ux-pro-max-skill --skill slidesHow to use slides
- 1.Run the create subcommand with your topic and desired slide count
- 2.Review the generated HTML presentation structure
- 3.Customize content using the provided copywriting formulas
- 4.Add or modify Chart.js visualizations as needed
- 5.Apply design tokens to maintain visual consistency
- 6.Test responsiveness across different screen sizes
Use cases
- Build marketing pitch decks with data visualizations
- Create investor presentations with Chart.js graphs
- Design product launch presentations with strategic layouts
- Generate sales presentations with copywriting-optimized messaging
- Develop data-driven reports with responsive HTML slides
- Marketing professionals
- Product managers
- Sales teams
- Data analysts
- Entrepreneurs pitching to investors
slides FAQ
The skill integrates Chart.js for creating various chart types within your HTML presentations.
Yes, the skill uses design tokens that allow you to maintain consistent visual styling throughout your presentation.
The skill provides multiple layout patterns referenced in layout-patterns.md to suit different content types and presentation strategies.
The skill includes copywriting formulas in its knowledge base to help optimize your slide messaging for persuasion and clarity.
Yes, the skill creates responsive layouts that adapt to different screen sizes and devices.
Full instructions (SKILL.md)
Source of truth, from nextlevelbuilder/ui-ux-pro-max-skill.
name: slides description: Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies. argument-hint: "[topic] [slide-count]" metadata: author: claudekit version: "1.0.0"
Slides
Strategic HTML presentation design with data visualization.
When to Use
- Marketing presentations and pitch decks
- Data-driven slides with Chart.js
- Strategic slide design with layout patterns
- Copywriting-optimized presentation content
Subcommands
| Subcommand | Description | Reference |
|---|---|---|
create | Create strategic presentation slides | references/create.md |
References (Knowledge Base)
| Topic | File |
|---|---|
| Layout Patterns | references/layout-patterns.md |
| HTML Template | references/html-template.md |
| Copywriting Formulas | references/copywriting-formulas.md |
| Slide Strategies | references/slide-strategies.md |
Routing
- Parse subcommand from
$ARGUMENTS(first word) - Load corresponding
references/{subcommand}.md - Execute with remaining arguments
Related skills
More from nextlevelbuilder/ui-ux-pro-max-skill and the wider catalog.
ui-styling
Build accessible, beautiful UIs with shadcn/ui components, Tailwind CSS utilities, and canvas-based visual design.
ui-ux-pro-max
Comprehensive UI/UX design intelligence with 50+ styles, 161 color palettes, 57 font pairings, and 99 UX guidelines across 10 stacks.
banner-design
Design multi-format banners for social, ads, web, and print with AI-generated visuals and multiple art directions.
brand
Manage brand voice, visual identity, messaging, and asset consistency across projects.
8-bit-orbit-video-template
Retro pixel-art video template with Hyperframes for multi-scene motion design and interactive preview.
ad-creative
Generate and iterate ad creative for paid social and search campaigns.