Skip to content

Releases: zarazhangrui/frontend-slides

v2.1.0 — Bold Templates and Agent-Neutral Packaging

26 May 18:17

Choose a tag to compare

What's New

This release packages the template-library integration, safer slide-generation workflow, and more robust agent/plugin support that landed after v2.0.0.

Bold Template Pack

  • Adds the bold-template-pack from beautiful-html-templates with progressive disclosure.
  • Uses lightweight selection indexes and preview cards first, then loads the selected template's design.md only when needed.
  • Keeps bold templates fixed-stage at 1920x1080 / 16:9, including on phone viewports.
  • Treats design.md as the design recipe and avoids pulling full template HTML into context unless absolutely necessary.

Better Style Discovery

  • Generates three real first-slide previews directly instead of asking users how they want to choose a style.
  • Adds strict preview-authenticity rules: no template slugs, file names, user requirement notes, or workflow metadata on preview slides.
  • Supports a safer mix of visual directions, including safe presets, bold library styles, and custom wildcard designs when appropriate.

More Reliable Deck Output

  • Adds low-density vs high-density intake so decks can be tuned for live speaking or async reading.
  • Moves inline editing to a post-draft affordance instead of asking users before they see the deck.
  • Fixes slide visibility switching so hidden slides cannot be accidentally displayed by later layout classes.
  • Reintegrates inline editing, share/export, and other previously lost features from earlier PRs.
  • Fixes nav dot duplication and strips edit state during export.

Agent-Neutral Skill Instructions

  • Removes Claude-specific tool names from SKILL.md; the workflow now speaks to the running agent/environment.
  • Documents how Codex, Kimi Code, OpenCode, Gemini CLI, and other local coding agents can use the repo by starting from SKILL.md.
  • Keeps Claude Code details only in the Claude-specific install sections.

Claude Code Plugin Packaging

  • Adds self-contained Claude Code plugin packaging with real skill files under plugins/frontend-slides/skills/frontend-slides/.
  • Removes the symlink install failure that caused missing SKILL.md in plugin cache installs.
  • Documents the custom marketplace-source install flow using the HTTPS URL and separate command messages.
  • Documents the namespaced Claude Code plugin command: /frontend-slides:frontend-slides.
  • Bumps plugin metadata to 2.1.0.

Installation

Claude Code Custom Marketplace Source

Run these as two separate Claude Code messages:

/plugin marketplace add https://github.com/zarazhangrui/frontend-slides

Then:

/plugin install frontend-slides@frontend-slides

Invoke with:

/frontend-slides:frontend-slides

Other Coding Agents

Send the repo link to your coding agent and ask it to use the Frontend Slides skill:

https://github.com/zarazhangrui/frontend-slides

Agents with repo/file access should start from SKILL.md and load referenced support files progressively.

Fixed Issues

This release resolves the plugin packaging failures reported in #51, #60, #63, #64, and #73.

v2.0.0 — Progressive Disclosure Restructure

04 Mar 06:54

Choose a tag to compare

What's New

This release completely restructures the skill to reduce context bloat by ~89%, following best practices from Claude Code's skill docs and OpenAI's harness engineering approach.

The Problem

The previous version loaded 1,625 lines of instructions into Claude's context on every invocation — including CSS code blocks, Python scripts, and HTML templates that were only needed during specific phases. This crowded out the actual presentation content and reduced output quality.

The Fix: Progressive Disclosure

SKILL.md is now a 183-line map (was 1,098). Supporting files are loaded on-demand only when Claude reaches the relevant phase:

File Purpose Loaded When
SKILL.md Core workflow and rules Always
STYLE_PRESETS.md 12 curated visual presets Phase 2 (style selection)
viewport-base.css Mandatory responsive CSS Phase 3 (generation)
html-template.md HTML structure and JS features Phase 3 (generation)
animation-patterns.md CSS/JS animation reference Phase 3 (generation)
scripts/extract-pptx.py PPT content extraction Phase 4 (conversion)

Other Changes

  • Deduplicated viewport CSS — was repeated across both files, now lives in one canonical viewport-base.css
  • Embedded design aesthetics prompt — anti-AI-slop instructions are now always in context
  • PPT extraction is now an executable scriptscripts/extract-pptx.py can be run directly
  • Removed ~566 lines of duplication — total content is 1,059 lines (down from 1,625)
  • Updated README with new architecture explanation

Upgrading

# Re-clone to your skills directory
rm -rf ~/.claude/skills/frontend-slides
git clone https://github.com/zarazhangrui/frontend-slides.git ~/.claude/skills/frontend-slides

All existing functionality is preserved — same 12 style presets, same 5-phase workflow, same PPT conversion support.