nghiahsgs

Skills Slides — AI skill for Claude Code

AI community

50,000+ unique HTML presentation designs.

How to install Skills Slides

This entry records only its repository, not the path inside it, so there is no exact command to give. Open nghiahsgs/skills-slides and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Skills Slides does

50,000+ unique HTML presentation designs. Zero dependencies. Anti-AI-slop. A Claude Code skill.

Alternatives in AI

Guizang Ppt Skill — AI-agent Skill for generating polished HTML slide decks: editorial magazine and Swiss layouts, image prompts 24.9k ★
Cursor Talk To Figma MCP — TalkToFigma: MCP integration between AI Agent (Cursor, Claude Code, Codex) and Figma, allowing Agentic AI to c 7k ★
Huashu Md HTML — md/html 双向流水线 · 三个能力一站式：万物→md / md→精美html / html→md 889 ★

README

slides

A Claude Code skill that generates stunning HTML presentations. Zero dependencies. Works offline. Opens in any browser.

**50 aesthetics × 20 palettes × 10 fonts × 5 layouts × 30+ effects = 50,000+ unique design combinations.**

Every presentation ships as a single `.html` file — no build step, no npm, no PowerPoint. Just double-click to present.

**[Live Demo →](https://nghiahsgs.github.io/skills-slides/)**

Title slide — gradient mesh background with particle effects

Feature grid — 6 cards with 3D tilt hover Anti-slop checklist — 10-point quality gate

Why this exists

AI-generated slides look the same: purple gradients, Inter font, identical shadows, flat backgrounds. This skill fights that with a **token-based design system** and a strict **anti-slop checklist** that catches generic patterns before delivery.

The result: presentations that look intentionally designed, not template-generated.

What's inside

tokens/              # The design system
├── aesthetics.csv       # 50 named styles (startup-pitch, neon-cyber, editorial-minimal...)
├── color-palettes.csv   # 20 palettes with full hex values + WCAG ratios
├── font-pairings.csv    # 10 curated pairs from Google Fonts & Fontshare
├── layout-patterns.csv  # 5 CSS grid templates
└── effects-library.csv  # 30+ effects (particles, aurora, glassmorphism, gradients...)

references/          # Build rules
├── viewport-base.css       # Mandatory CSS foundation — viewport-fit, clamp(), snap scroll
├── html-template.md        # Full HTML skeleton + SlidePresentation JS class
├── animation-patterns.md   # Entrance animations, tilt effects, magnetic buttons
├── anti-slop-checklist.md  # 10-point quality gate (see below)
└─