Guide · Agent skill
How to use the Pink Script Anniversary Photo Essay agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Pink Script Anniversary Photo Essay skill lets an AI agent turn a personal milestone, such as a wedding anniversary, into a self-contained web-page slide deck. The deck uses a black background, hot-pink accents and serif headlines, and it is filled with your own headlines, dates and photos. This guide explains what an agent skill is, how to install this one, how to ask for a deck, and what to check before you use the result.
Pink Script Anniversary Photo Essaynexu-io/open-design · Apache-2.0 Download the skill Quick start
- 1Download the skill ZIP. Get the ZIP file for html-ppt-zhangzara-pink-script from this page.
- 2Unzip into a skills folder. Extract the folder into ~/.claude/skills/ for personal use or into .claude/skills/ in your project.
- 3Or upload it in the Claude apps. Go to Settings → Capabilities → Skills and upload the skill there.
- 4Describe your milestone. Ask for an HTML slide deck, name the occasion and audience, and list the headlines, dates and photos you want included.
- 5Answer the agent's questions. The agent may ask for audience, deadline, source materials and must-keep numbers before it builds the deck.
- 6Open the deck in a browser. View the HTML file in a web browser and move through the slides with the keyboard.
- 7Print if needed. Use your browser's print function to save the deck as a PDF.
What is an agent skill, and what does this one make the agent do?
An agent skill is a folder containing a SKILL.md file. The file tells an AI agent how to perform a specific kind of task. This skill, named html-ppt-zhangzara-pink-script, is built around a Pink Script template. Once it is installed, the agent can produce a single HTML slide deck for a personal milestone.
The template keeps its fonts, colours and decorative elements intact. The agent replaces placeholder text and images with your material and does not swap in other fonts or palettes. The skill's source describes the result as a dark, editorial-looking deck intended for a tribute or photo story.
- Dark black canvas with hot-pink accents and pearl-cream paper tones
- Instrument Serif headlines, as named in the skill's description
- Decorative elements such as corner brackets, paper grain and geometric shapes are kept
- Keyboard navigation between slides in a browser
- Can be printed to PDF from the browser
Install the Pink Script skill
Download the ZIP file for this skill from this page. Unzip it so the skill folder ends up in one of the locations below. Use the personal location if you want the skill available across your projects, or the project location if you want it only for one workspace.
If you use the Claude apps, you can instead upload the skill under Settings → Capabilities → Skills.
- Personal: ~/.claude/skills/
- Project: .claude/skills/ inside your project folder
- Claude apps: Settings → Capabilities → Skills, then upload the skill
Check that your agent can use it
The skill needs an AI agent that can read SKILL.md files and write HTML files. You also need a web browser to open the finished deck. The skill does not run scripts and does not use the network, according to its listing.
- An agent that can read SKILL.md and write HTML files
- A web browser to view the deck
- Files in the skill: assets/deck-stage.js, example.html, SKILL.md, template.json
Trigger the skill with a natural request
You do not need special syntax. Describe the milestone, the audience and the photos you want to use. The skill's trigger words include html deck, html slides, photo-essay, personal and story, so these phrases are useful to include.
The skill's example prompt asks the agent to ask first for only what is missing: audience, decision target, source materials, deadline and any numbers that must stay exact. Answer those questions before the agent builds the deck.
- Make an HTML slide deck for our 10th wedding anniversary, for the two of us and close family, using the photos I list below.
- Create a photo essay in html slides about our family's move and the years since, styled like the Pink Script template.
- Build a personal html deck celebrating 25 years of marriage with a timeline of key moments.
Understand how the agent works with the template
The skill asks the agent to copy example.html and the assets folder into your workspace. The HTML loads assets/deck-stage.js for navigation, so keep that file next to the HTML or navigation may break. The skill also allows the JavaScript to be placed inline in a single HTML file if you prefer one file.
The agent replaces placeholder content with your text. If you have more content than the demo's nine slides, it duplicates a matching slide layout. If you have less, it removes slides from the end. If the template lacks a layout you need, the skill asks the agent to design one in the same style rather than switch templates.
- Keep assets/deck-stage.js beside the HTML file, or inline it into one script block
- Match image sizes to the placeholders when you swap photos
- Avoid changing fonts, colours or the layout grid, since the skill treats these as part of the design
Safety, licence and things to check
The skill's listing says it runs no scripts and uses no network. The deck is a local HTML file, so you control where it is stored and shared. Review any photos before publishing, because the deck will include them as you supply them.
The SKILL.md text says the full MIT licence text, with the original copyright notice, should ship in the skill and be redistributed with copies of example.html, template.json or the assets runtime. The file list on this page does not show a LICENSE file, so confirm it is in your download before sharing copies. The skill itself is listed under Apache-2.0.
- Confirm the LICENSE file is present in your download before redistributing copies
- Check names, dates and numbers in the finished deck, since the agent fills them in from your input
- Do not publish personal photos you have not cleared for sharing
What people use it for
- A tribute slideshow for a wedding anniversary, shared with the couple and close family
- A family milestone story told as a short sequence of photo slides
- A moody, editorial-style personal brand or creator deck built from a ready-made template
- A starting template for a designer who wants to adapt the dark layouts into new slides
Frequently asked questions
How do I install the Pink Script anniversary skill?
Download the ZIP from this page and unzip it into ~/.claude/skills/ for personal use or into .claude/skills/ in a project folder. In the Claude apps, you can instead upload it under Settings → Capabilities → Skills.
What do I need to use this agent skill?
You need an AI agent that can read SKILL.md files and write HTML files, plus a web browser to open the finished deck. The skill's listing says it does not run scripts and does not use the network.
Is the Pink Script skill free?
The skill is listed under Apache-2.0. The SKILL.md text says the upstream template is MIT-licensed and that its licence text should be redistributed with copies, so check the license terms in your download. This page does not state any price.
Can I use this skill for a business presentation?
The skill is not recommended for formal or traditional business presentations, because the dark canvas and pink accent suit a daytime corporate setting poorly. It is better suited to personal tributes, creator decks and stylish product reveals.
Does the deck support speaker notes or animations?
No. The template lists speaker notes and animations as unsupported, so choose another template if you need either.
Why does the deck not navigate when I open it?
The HTML loads assets/deck-stage.js for keyboard navigation. Keep that file in the assets folder next to the HTML, or inline the JavaScript into one script block, because a missing file breaks navigation.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Choose this skill if you want a stylish, dark, personal photo-story deck for an anniversary, family milestone or creator brand, and you can view HTML in a browser. Pick a different template if you need a formal business deck, speaker notes or animations.
Download the skill