Skip to content

frontend-slides

by zarazhangrui

Create beautiful slides on the web using Claude's frontend skills

About

Create beautiful slides on the web using Claude's frontend skills

26,021
Stars
70
Skill Files
2,117
Forks
8
PRs Merged
9
Contributors
22
Issues Open
10
Issues Closed
2026-06-23
Last Activity

Skill Analysis

574
Avg Lines / Skill
5,996
Avg Words / Skill
124
Code Blocks
163
Total Files
3.37 MB
Repo Size
0
Reference Files
Skill lines381 min / 571 median / 714 max
Code languagesbash, css, html
Frontmatter keysborders, canvas, color-aliases, colors, components, description, motion, name, radii, shadows, spacing, typography, version
Has CLAUDE.mdNo
Has LicenseYes
File typesmd (147), json (4), sh (4), css (2), js (2), py (2)

Skills (70)

  • frontend-slides
    381 lines4146 words3 blocks

    Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, co...

    bash
  • frontend-slides
    381 lines4146 words3 blocks

    Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, co...

    bash
  • Blue Professional
    valpha713 lines7093 words1 blocks

    A restrained, consulting-grade presentation system on a warm cream canvas (#fdfae7) with a single saturated cobalt blue (#1e2bfa) as the only accent c...

    html
  • Pin & Paper
    valpha642 lines6104 words1 blocks

    A field-notebook editorial system rendered as yellow legal-pad paper with deep cobalt-blue ink. Every slide carries a fractalnoise paper-grain overlay...

    html
  • Raw Grid
    valpha488 lines5018 words2 blocks

    A neobrutalist presentation system where 3px solid black borders ARE the layout. Display type runs in the native system sans-serif stack (Segoe UI / s...

    csshtml
  • Coral
    valpha616 lines6370 words2 blocks

    "A bold magazine-poster system that runs on three surface registers — coral fire, ink black, and warm cream — animated by Bebas Neue display caps and ...

    csshtml
  • Long Table
    valpha595 lines6995 words2 blocks

    A warm, single-ink editorial system in the register of a supper-club poster, a small-batch zine, or a Risograph-printed program. The entire system run...

    csshtml
  • Playful
    valpha492 lines5315 words1 blocks

    "A warm, hand-crafted editorial system built on a peach-clay canvas with charcoal ink as the only \"color.\" Display type runs in Syne (weight 700–800...

    html
  • Grove
    valpha571 lines6696 words3 blocks

    A quiet, editorial-serif presentation system in the register of a well-bound monograph or boutique brand book. Playfair Display at weight 400 (never b...

    csshtml
  • Broadside
    valpha505 lines5522 words1 blocks

    A protest-poster editorial system built on massive Barlow type and a single fire-orange environment color. The aesthetic is "ink on fire" — dark slide...

    html
  • Signal
    valpha529 lines5819 words2 blocks

    A literary editorial presentation system in the spirit of a long-form magazine — The Economist's restraint crossed with a private intelligence briefin...

    csshtml
  • 8-Bit Orbit
    valpha574 lines6433 words1 blocks

    A retro-futuristic pixel-art presentation system that fuses 16-bit arcade nostalgia with editorial discipline. Display type runs in Tektur (a chunky g...

    html
  • Retro Windows
    valpha579 lines6550 words2 blocks

    A Windows 95 / 98 desktop-OS aesthetic rendered as a presentation system. Every slide is a window — beveled chrome, navy gradient title bar, MS Sans S...

    csshtml
  • Creative Mode
    valpha567 lines3855 words3 blocks

    A neo-brutalist editorial presentation system built for 1920x1080 slides. The deck anchors on a warm cream canvas with heavy 4px ink borders, hard off...

    csshtml
  • Emerald Editorial
    valpha614 lines6516 words2 blocks

    "A bold display-serif editorial system in the register of a fashion masthead or vintage magazine cover. Bodoni Moda runs at weight 900 across a wide s...

    csshtml
  • Retro Zine
    valpha570 lines6114 words2 blocks

    "A risograph-zine editorial system on warm khaki paper with a deep forest-green accent and ink-black structure. Display type runs in Bebas Neue (conde...

    csshtml
  • Sakura Chroma
    valpha628 lines7015 words2 blocks

    "A cassette-package editorial system on warm cream paper with a six-color primary palette and warm-brown ink. Display type runs in Big Shoulders Displ...

    csshtml
  • Soft Editorial
    valpha627 lines6361 words2 blocks

    A warm magazine spread aesthetic — the kind of layout a small print quarterly with field-notes pretensions would commission. Cormorant Garamond carrie...

    csshtml
  • Mat
    valpha475 lines5805 words2 blocks

    A warm, material-tactile presentation system inspired by a high-end product landing page. Dark forest green is the dominant environment, warmed by a l...

    csshtml
  • Cartesian
    valpha525 lines5216 words2 blocks

    A quiet, museum-catalog editorial system built on Playfair Display serif headlines, Inter sans body, and a five-tone warm-stone palette. The aesthetic...

    csshtml

Recent Commits

-328 contributions across all repos
JunJulAugSepOctNovDecJanFebMarAprMayJun
Less
More
  • 9906a342026-06-23
    docs: add beginner-friendly walkthrough & tutorial video to README
    zarazhang
  • c2869012026-06-13
    docs: complete truncated description in Architecture table
    bibidallabrida-creator
  • 871ce4d2026-06-10
    Fix YAML front matter errors in design.md files
    Zara Zhang
  • 24e420e2026-05-26
    Bump plugin version to 2.1.0
    Zara Zhang
  • 161453f2026-05-26
    Clarify non-Claude agent usage
    Zara Zhang
  • 96888b42026-05-26
    Clarify separate Claude plugin install steps
    Zara Zhang
  • 5e958f32026-05-26
    Remove marketplace approval wording
    Zara Zhang
  • f8d1b322026-05-26
    Clarify Claude custom marketplace install
    Zara Zhang
  • 9366f622026-05-26
    Document Claude plugin command namespace
    Zara Zhang
  • fb5b0372026-05-26
    Make frontend slides skill agent-neutral
    Zara Zhang