Skip to content
Get packs

Cherry-Blossom Photo Essay Deck

Builds a vintage-styled HTML photo-essay slide deck about a travel trip, by filling in a fixed template

Source Download skill
Repository
nexu-io/open-design
Stars
105,448
Licence
Apache-2.0
Files
3 files

What it does

This skill gives the agent a ready-made HTML slide-deck template with a bold vintage Japanese cassette-package look (cream paper, rainbow ribbons, condensed type). When you ask for a travel story or similar presentation, the agent copies the template and replaces its placeholder text and images with your own content, adding or removing slides as needed while keeping the visual style fixed. The output is a single self-contained web page you can open in a browser.

Great for

  • Someone who wants a stylish, shareable slide deck about a trip or personal story
  • Designers or indie brands who want a bold, retro product-catalogue look for a presentation
  • Anyone who wants a single HTML file they can open or host without special software

Skip it if

  • Corporate or formal decks that need quiet, restrained typography, since the template is intentionally loud (per the skill's own 'Avoid for' section)
  • Projects that need the agent to change fonts, colours or layouts, because the skill tells the agent never to alter the design system

Try asking

  • “Turn my Kyoto cherry-blossom trip into a photo-essay slide deck in the vintage Sakura Chroma style”
  • “Create an 8-slide HTML deck telling the story of our spring travel, with the arrival, peak bloom and highlight moment”
  • “Make a product-launch style HTML deck for my indie music label release schedule using this template”
Step-by-step guide: how to use Cherry-Blossom Photo Essay DeckInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the Apache-2.0 licence and an attribution note.

    html-ppt-zhangzara-sakura-chroma.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip html-ppt-zhangzara-sakura-chroma.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip html-ppt-zhangzara-sakura-chroma.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Provide your real photos' dimensions or descriptions so the agent can match image placeholders, and give the key dates and numbers you want kept exactly.
  • Expect a bold, colourful look; if you need something quieter, choose a different template instead of asking this one to be restyled.
  • Open the resulting HTML file in a browser to check navigation, since the skill asks the agent to keep the built-in keyboard handler intact.

What's inside

  • example.html
  • SKILL.md
  • template.json

Redistributed unmodified from nexu-io/open-design under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.