Claude Code Skill

skills-slides

50,000+ unique presentation designs. Zero dependencies. Anti-AI-slop.

The Problem

AI slides all look the same.

✗ Purple gradient on white background
✗ Inter font on everything
✗ Identical shadows everywhere
✗ Flat solid backgrounds
✗ No visual hierarchy

The Solution

50,000+

unique design combinations

50 aesthetics × 20 palettes × 10 fonts × 5 layouts × 30+ effects

How It Works

Token-Based Design System

→Describe your vibe: "dark techy startup energy"
→Search engine matches aesthetics, palettes, fonts, effects
→Pick from 3 visual directions — or mix elements
→Get a single .html file — zero dependencies

Search Tokens

Find your style in seconds

# Find aesthetics by vibe
$ python search.py "dark futuristic" --domain aesthetic

# Get the full compatible design system
$ python search.py --compatible startup-pitch

# Fetch a specific token
$ python search.py --get palette midnight-aurora

Features

Everything you need

Single File

One .html file. No build step, no npm. Double-click to present.

Keyboard Nav

Arrow keys, space, escape for overview. Touch and wheel supported.

Responsive

Viewport-fit with clamp() sizing. Works on any screen, any projector.

Accessible

ARIA labels, semantic HTML, reduced-motion support, WCAG AA contrast.

Editable

Optional contenteditable mode. Double-click any text to edit live.

PPTX Convert

Import existing decks. Keep your content, get a new design system.

Quality Gate

10-Point Anti-Slop Checklist

✓ No generic display fonts
✓ No purple-on-white gradient
✓ Shadow hierarchy (sm/md/lg)
✓ All colors via CSS variables
✓ All font sizes use clamp()

✓ Signature visual effect
✓ Background has depth
✓ 3+ distinct text sizes
✓ WCAG AA 4.5:1 contrast
✓ prefers-reduced-motion

Token Library

Curated, not random

50 Aesthetics

startup-pitch · neon-cyber · editorial-minimal · luxury-noir · terminal-hacker · consulting-swiss · vaporwave

20 Color Systems

Full palettes with bg, surface, text, accents, borders, glow — all with WCAG contrast ratios verified.

10 Font Pairings

Curated display + body pairs from Google Fonts & Fontshare. No Inter. No Roboto. No system-ui.

30+ Effects

Particles · aurora · gradient mesh · glassmorphism · grid overlay · magnetic cursor · 3D tilt — full CSS/JS snippets.

Get Started

Two commands. That's it.

# Clone into Claude Code skills
$ git clone https://github.com/nghiahsgs/skills-slides.git \
    ~/.claude/skills/slides

# Then just ask Claude Code:
"Make me a 10-slide pitch deck.
 Dark, techy, high energy."

Claude searches tokens matching your vibe, shows you 3 directions, and generates a single .html file with full animations and keyboard navigation.

Stop making slides that look like AI made them.

Star the repo. Clone the skill. Make something that doesn't suck.

★ Star on GitHub View Source →