danny0926

Ppt Skills — Testing skill for Claude Code

Testing community

AI slide generator with hand-drawn style (rough.js) — text-to-PPTX pipeline with visual-first layouts, Claude Code skill, Playwright rendering, and editable dual-layer slides.

How to install Ppt Skills

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

What Ppt Skills does

AI slide generator with hand-drawn style (rough.js) — text-to-PPTX pipeline with visual-first layouts, Claude Code skill, Playwright rendering, and editable dual-layer slides.

Alternatives in Testing

PR Visual Diff — Post before/after stills + GIFs on a visual PR, captured headlessly with Playwright + ffmpeg 324 ★
Ab Variants — Generate A/B test design variants from an existing Figma screen — alternate layouts, CTA placements, color tre 309 ★
GAAI Framework — 95+ Drop-in governance layer (.gaai/ folder) -- backlog authorization, cross-session memory, decision tracking 113 ★

README

Excalidraw Slides

AI-powered hand-drawn presentation generator. Turns text outlines into visually rich, sketch-style PPTX files with editable text.

How It Works

Text / Outline / PDF
  → Phase 1: Content structuring (1 slide = 1 message)
  → Phase 2: Style preset selection (6 themes)
  → Phase 3: Visual-first layout planning (15+ layout types)
  → Phase 4: HTML/CSS + rough.js generation per slide
  → Phase 5: Playwright → PNG rendering + visual review
  → Phase 6: Dual-layer PPTX assembly

Dual-Layer Architecture

Each slide has two layers:

Layer 1 (background): Hand-drawn decorations rendered as PNG via rough.js + rough-notation
Layer 2 (foreground): Native python-pptx TextBox / Image elements — fully editable in PowerPoint

Features

Visual-first design — 60/40 visual-to-text ratio, max 8-word headlines, tinted image placeholders
15+ layout types — split-visual, visual-hero, comparison, big-number, process-flow, icon-grid, timeline, and more
6 style presets — Clean Sketch, Bold Marker, Notebook, Blackboard, Blueprint, Watercolor
Rough.js concept illustrations — 10 reusable patterns (funnel, cycle, Venn, tree, growth arrow, etc.)
CJK support — automatic Chinese/Japanese/Korean font switching
Layout variety enforcement — no consecutive repeats, decision tree for visual-first layout selection

Project Structure

├── gen_pptx.py          # PPTX assembler (dual-layer or image-only)
├── render_slides.py     # HTML → PNG renderer via Playwright
├── templates/
│   ├── base.html.j2     # Base HTML template with rough.js + fonts
│   └── dynamic.html.j2  # Per-slide dynamic template
└── docs/
    ├── SKILL.md          # AI prompt: 6-phase pipeline + JSON schema
    ├── DESIGN_SYSTEM.md  # Layout patterns, rough.js cookbook, element templates
    └── STYLE_PRESETS.md  # 6 visual theme definitions