Carousel Tweak — Design skill for Claude Code
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
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
- Detect current carousel — most-recently-modified
carousels/folder. - Open in browser:
- Windows:
Invoke-Item carousels//slides.html - Mac:
open carousels//slides.html - Linux: `xdg-open
- Windows:
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 RepositoryRelated Skills
Brain Edit Slides
✏️ Canva-style visual Edit Mode for any HTML presentation built with Claude Code - drag, edit text, paste scre
Figloo
Chrome extension + local MCP server that lets coding agents like Claude Code and Codex read Figma designs thro
HTML Slides
Agent skill (SKILL.md) for polished 1920x1080 HTML slides: charts, diagrams, maps, computed numbers, illustrat
Sync Figma Tokens
Re-run the Figma-to-code token sync — extract current Figma variables, rebuild code outputs via Style Dictiona
God Export Tokens
Export the current design system as DTCG tokens, CSS variables, Tailwind v4 theme and DESIGN.md
Docs Update Template
Generate and maintain living user-facing documentation from source code. Reads views + API routes, writes mark
Related Agents
Worksheet Exporter
내보내기 전문가. 검수 통과 개체 트리(또는 레거시 HTML manifest)를 학생용/교사용 2벌로 분기하고 Chrome 헤드리스 --print-to-pdf로 A4 PDF(및 옵션 PNG)를 산출
Hh Scroll Crop Check
Inspects rendered carousel slides for cropping damage - faces sliced by a cell edge, heads clipped, people cut
Design Producer
Agent visual & production — asset list, brief anh/carousel/video, brand guideline, design review, HTML email/l