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,309
Stars
70
Skill Files
2,132
Forks
8
PRs Merged
9
Contributors
24
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
  • Cobalt Grid
    valpha565 lines6084 words2 blocks

    "A Japanese-magazine trend-report system built on warm cream paper, electric cobalt ink, and a graph-paper grid that lives permanently behind every sl...

    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
  • People's Platform
    valpha702 lines5460 words1 blocks

    "A WPA-poster-meets-political-campaign presentation system built on three typefaces and a five-color palette that reduces to three functional roles. A...

    html
  • Stencil & Tablet
    valpha679 lines6566 words2 blocks

    A West Coast skate-poster meets municipal stencil signage system. Stardos Stencil carries every headline, numeral, and chunky display moment with its ...

    csshtml
  • Vellum
    valpha548 lines6354 words2 blocks

    An essay-pinned-to-a-wall presentation system — a single monochromatic field of deep periwinkle (#2A3870) with warm chartreuse-yellow type (#E8D85C) f...

    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
  • Daisy Days
    valpha511 lines5590 words2 blocks

    A cheerful, childlike presentation system built around the chunky display face Fredoka One and the rounded humanist sans Quicksand. The palette is a s...

    csshtml
  • 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
  • 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
  • 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
  • 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
  • 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
  • Scatterbrain
    valpha576 lines6292 words2 blocks

    "A Post-it-note-and-cork-board presentation system. Every content block is a colored sticky note on a textured paper or cork surface, layered with red...

    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
  • 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
  • Monochrome (Ivory Ledger)
    valpha494 lines5245 words1 blocks

    A literary editorial system rendered in black ink on cream paper. Ultra-light geometric sans (Jost at weight 200–300) carries every headline; Lora ita...

    html
  • Editorial Tri-Tone
    valpha602 lines4699 words3 blocks

    A literary magazine-meets-annual-report presentation system built on a strict three-color palette — blush pink, golden butter, and deep burgundy wine....

    csshtml
  • 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

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