Agent skill · marketing growth · nexu-io
hps-y2k-chrome
OpenDesign's KPI decision brief: activation and retention drivers, what's working, and the one metric to move next. Built as a decision-grade data & finance deck for CRO, RevOps, leadership.
Why this skill is useful
Provides a structured framework for creating KPI decision briefs that enhances the AI's ability to generate finance-related presentations with specific metrics and audience considerations.
What it needs
About 4k tokens when loaded. Last updated 2026-08-07. 84,236 stars on the source repository.
What this skill does
Y2K Chrome (hps-y2k-chrome) Single-theme deck plugin locked to the y2k-chrome theme from the upstream MIT-licensed lewislulu/html-ppt-skill (36 themes × 31 layouts × 27 animations — this plugin ships exactly one of those skins, fully baked into one self-contained seed: example.html). Start from example.html. Replace content only. Never rewrite the design system or the runtime script. No colors or fonts outside this spec. Locked token sheet (:root — do not add, remove, or recolor) Fonts: Space Grotesk is both display and body type ('Noto Sans SC' fallback for CJK), JetBrains Mono for code/labels. Loaded via Google Fonts @import only — the sole permitted external resource. Signature devices (use these, nothing else) 1. Silver-metal canvas — body carries the full-bleed 5-stop gradient linear-gradient(135deg,#c4cfe0 0%,#f0f3f8 25%,#aab8d0 50%,#f5f7fb 75%,#b8c4d8 100%). Every slide is transparent over it. Never paint an opaque slide background. 2. Chrome-clipped type — .h1, .chrome-text, .stat-big clip --chrome-text (white→steel→gunmetal) via background-clip:text, plus filter:drop-shadow(0 2px 3px rgba(40,55,85,.38)) so the white top stop keeps letter definition over the light canvas. Display numerals and hero words are always chrome, never flat color. 3. Frosted-glass cards — .card = --surface (72% white) + backdrop-filter:blur(16px) saturate(140%) + --shadow. The inset 0 1px 0 rgba(255,255,255,.9) top highlight is the signature — never drop it. Mega radius --radius:26px (lg surfaces 36px). 4. Candy accents — purple --accent leads (kickers, progress bar, checks), aqua --accent-2 and pink --accent-3 support (orbs, chart bars, eyebrow tints). Accents are for small surfaces only; large fills use --grad / --grad-soft. 5. Glossy orbs — .orb radial-gradient candy spheres with a white specular highlight, absolutely positioned, z-index:0, decor only. 6. Chrome sparkles — inline 4-point star SVGs (.sparkle) filled with the chrome gradient or candy accents. 7. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills nexu-io/hps-y2k-chrome