Pink Script is an HTML deck template designed for creating visually appealing photo essays, suitable for personal storytelling and commemorative presentations.

How do I customize the template?

You can customize the template by cloning the example HTML and assets, then replacing placeholder content with your own while preserving the design elements.

What types of presentations is this template best for?

This template is ideal for personal stories, luxury product launches, and creative presentations that require a sophisticated aesthetic.

Are there any restrictions on modifying the design?

Yes, to maintain the integrity of the design, you should not alter fonts, colors, or layout structures from the original template.

Can I use this template for corporate presentations?

It's not recommended for traditional corporate contexts, as the bold design may not align with more conservative presentation styles.

Pink Script

Name: Pink Script
Availability: InStock
Author: nexu-io

Free

Create striking photo essay decks with a luxe aesthetic.

by nexu-io84.9k stars on nexu-io/open-design

1 views

Updated Aug 10, 2026

Get this skill

Free · Opens the source repo

What Pink Script does

Pink Script is a specialized HTML deck template designed for creating visually impactful photo essays, particularly suited for personal storytelling and commemorative presentations. With a dark canvas and hot pink accents, this template exudes a sense of nocturnal elegance, making it ideal for themes related to nightlife, fashion, and luxury products. The design system is carefully curated, ensuring that typography, color palette, and decorative elements work in harmony to produce a cohesive visual experience.

This skill is particularly beneficial for users looking to craft a wedding anniversary tribute or any personal narrative that requires a touch of sophistication. The template is structured to maintain its design integrity, meaning users must adhere to the established typography and layout guidelines to preserve the intended aesthetic. This ensures that the final product remains polished and professional, suitable for sharing with family, friends, or even a wider audience.

To utilize Pink Script, users will clone the provided example HTML and accompanying assets, allowing for easy customization of content while maintaining the original design elements. The workflow emphasizes the importance of consistency, encouraging users to replicate existing layouts for additional content rather than altering the foundational design. This approach not only streamlines the creation process but also reinforces the brand identity that the template aims to convey.

While Pink Script excels in creating visually compelling presentations, it is not suitable for more traditional corporate contexts, where the bold design may be perceived as overly stylized. Instead, it shines in creative settings where a touch of luxury and intentionality is desired, making it a versatile tool for designers and storytellers alike.

When to use it

Use Pink Script when you need to create a striking presentation for personal stories, luxury products, or nightlife events.

When not to use it

Avoid using this skill for traditional corporate presentations where a more conservative design is expected.

What you can build with it

Wedding Anniversary Tribute

Create a heartfelt presentation celebrating a decade of memories with a visually stunning photo essay.

Luxury Product Launch

Showcase a new fashion item or luxury brand with a deck that reflects the elegance and sophistication of the product.

Creative Tech Keynote

Deliver a tech presentation that stands out by using a unique design approach that captivates the audience.

How to install Pink Script

View source

1. Install with the skills CLI

npx skills add nexu-io/open-design/html-ppt-zhangzara-pink-script --agent claude-code

2. Or install it manually

Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.

Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs

Inside SKILL.md

Written by nexu-io

Pink Script — After Hours

Black canvas, hot pink accent, pearl-cream paper, Instrument Serif headlines: late-night editorial luxury.

A single self-contained HTML deck — typography, palette, decorative system, and slide vocabulary are all tuned together. Mixing layouts across templates breaks the system; stay inside this one.

At a glance

Scheme: dark
Formality: medium-high
Density: low
Slides in demo: 9

Best for

Anything that should feel nocturnal, intentional, and a little luxe: fashion brand decks, creator personal brands, after-hours / nightlife / spirits launches, luxury product reveals, editorial features. Also a striking unexpected pick for a tech keynote, research synthesis, or business pitch that wants to land with magnetic confidence.

Avoid for

Daytime corporate-professional and traditional B2B contexts where the dark canvas with hot-pink accent reads as too styled or too expressive.

Workflow

Clone example.html AND the assets/ folder into the user's workspace. This template ships an assets/deck-stage.js runtime (keyboard navigation, stage rendering); the HTML references it as assets/deck-stage.js, so the file must sit next to the cloned HTML or that path will 404 in the generated artifact and navigation will silently break. Inlining the JS into a single <script> block in the HTML is an acceptable alternative when a single self-contained file is preferred.
Replace placeholder content with the user's real headlines, body copy, numbers, names, dates, and section labels. Match existing dimensions when swapping image placeholders.
Preserve the design system. Never substitute fonts, recolor the palette, restructure the layout grid, or strip decorative elements (corner brackets, paper grain, geometric shapes, illustrated SVGs). They are part of the identity.
Adjust deck length by duplicating layouts. If the user has more content than the demo holds, duplicate an existing slide of the most appropriate layout. If less, drop slides from the bottom. Update page-number labels.
Designing missing layouts: if a slide needs a layout the template doesn't have, design it from scratch using the same fonts, palette, decorative vocabulary, spacing rhythm, and component grammar — never bail to a different template.
Keep the navigation runtime as shipped. If the deck ships an assets/deck-stage.js or inline keyboard handler, leave it intact.

Output contract

Emit between <artifact> tags:

<artifact identifier="zhangzara-pink-script" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>

Source & license

Vendored from upstream MIT-licensed zarazhangrui/beautiful-html-templates.

The full upstream MIT license text — including the original copyright notice — ships in this skill at LICENSE and must be redistributed alongside any copy of example.html, template.json, or any vendored assets/ runtime. See template.json for the upstream metadata snapshot.

Frequently asked questions about Pink Script

Similar skills

PPTX HTML Fidelity Audit

Ensure your PPTX matches its HTML source perfectly.

HTML PPT Studio

Create professional HTML presentations effortlessly.

Humanize PPT

Transform raw material into presentation-ready outlines.

Replit Deck

Create visually cohesive decision decks with ease.

Open Design Landing Deck

Create engaging marketing decks with a magazine-style format.

Magazine Web Presentation

Create visually striking HTML presentations with ease.