cth9191

Carousel Tweak — Design skill for Claude Code

Design community

Open the current carousel's slides.html in browser for visual tweaking, then walk the user through the sync ritual (export JSON → paste → bake defaults into source).

How to install Carousel Tweak

Installs to ~/.claude/commands/cth9191-chase-ai-carousels-template-carousel-tweak.md

Terminal
mkdir -p ~/.claude/commands && curl -fsSL https://raw.githubusercontent.com/cth9191/chase-ai-carousels-template/HEAD/.claude/commands/carousel-tweak.md -o ~/.claude/commands/cth9191-chase-ai-carousels-template-carousel-tweak.md

Restart Claude Code, or start a new session, for it to be picked up.

What Carousel Tweak does


description: Open the current carousel's slides.html in browser for visual tweaking, then walk the user through the sync ritual (export JSON → paste → bake defaults into source).

/carousel-tweak

Opens browser for visual tweak loop. Then handles the sync.

Steps

  1. Detect current carousel — most-recently-modified carousels/ folder.
  2. Open in browser:
    • Windows: Invoke-Item carousels//slides.html
    • Mac: open carousels//slides.html
    • Linux: `xdg-open

Alternatives in Design

  • Export Diagram — Export a diagram-design HTML file to .svg and .png next to the source 27.2k ★
  • Pair — Fuse two extracted designs into a single hybrid identity 3.6k ★
  • Skill Deck — Generate slide deck presentations from briefs — use when you need slides, pitch decks, or visual summaries 2.8k ★

Full documentation available on GitHub

View Source Repository