SKILL

Ckm:slides

Create strategic HTML presentations with Chart.js, design tokens, responsive layouts, copywriting formulas, and contextual slide strategies.

Published by @nextlevelbuilder·from nextlevelbuilder/ui-ux-pro-max-skill·0 agent reads / 30d·0 saves·

Slides

Strategic HTML presentation design with data visualization.

$ARGUMENTS

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

SubcommandDescriptionReference
createCreate strategic presentation slidesreferences/create.md

References (Knowledge Base)

TopicFile
Layout Patternsreferences/layout-patterns.md
HTML Templatereferences/html-template.md
Copywriting Formulasreferences/copywriting-formulas.md
Slide Strategiesreferences/slide-strategies.md

Routing

  1. Parse subcommand from $ARGUMENTS (first word)
  2. Load corresponding references/{subcommand}.md
  3. Execute with remaining arguments

Bundled with this artifact

7 files

Reference files that ship alongside this artifact. Agents pull these in only when the task needs them.

More on the bench

SKILL▲0

Fixing Metadata

Audit and fix HTML metadata including page titles, meta descriptions, canonical URLs, Open Graph tags, Twitter cards, favicons, JSON-LD structured data, and robots directives. Use when adding SEO metadata, fixing social share previews, reviewing Open Graph tags, setting up canonical URLs, or shipping new pages that need correct meta tags.

ibelick
ux-product-design+1
⊙ 29
SKILL▲0

Pptx Slide Auditor

Audit a PowerPoint presentation for layout issues, text overflow, visual hierarchy problems, and consistency gaps. Use when asked to review a slide deck, check a presentation before a meeting, audit slides for layout problems, or QA a deck before sharing. Produces a slide-by-slide report with issues ranked by severity and specific fixes. Best used with Claude Opus 4.7 or newer for reliable slide-level vision analysis.

Mohit Aggarwal
product-management+1
⊙ 3
SKILL▲0

Design Critique

Gives structured, constructive feedback on any design using UX frameworks. Use when asked to critique a design, review a UI, give feedback on a Figma file or wireframe, assess a user flow, or evaluate a design against UX principles. Applies Jobs-to-be-Done, Gestalt principles, and usability heuristics to give actionable feedback with prioritised issues and specific recommendations.

Mohit Aggarwal
ux-product-design+1
⊙ 2