# Startup Deck Rescue

Rebuilds a messy startup deck into a consistent, board-ready system.

- Repository: https://github.com/nexu-io/open-design (105332 stars)
- Category: Documents
- License: Apache-2.0
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add nexu-io/open-design --skill html-ppt-zhangzara-block-frame -g -a claude-code -y`
Codex: `npx skills add nexu-io/open-design --skill html-ppt-zhangzara-block-frame -g -a codex -y`
Cursor: `npx skills add nexu-io/open-design --skill html-ppt-zhangzara-block-frame -g -a cursor -y`
Gemini CLI: `npx skills add nexu-io/open-design --skill html-ppt-zhangzara-block-frame -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add nexu-io/open-design`

## Description

Rescuing a messy startup deck into a board-grade system, the diagnosis, the page grammar, and the rebuilt proof pages. Built as a decision-grade design craft deck for founders, exec presenter.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# BlockFrame

> Neobrutalist deck with pastel-neon color blocks and chunky black borders.

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:** light
- **Formality:** medium-low
- **Density:** high
- **Slides in demo:** 10

## Best for

Anything that should feel pop-graphic and design-led: indie SaaS launches, agency credentials, creative reviews, brand redesigns. Also a strong unexpected pick for tech, finance, or research when the speaker wants to land as confident and contemporary rather than buttoned-up.

## Avoid for

Contexts that require quiet institutional restraint or traditional weight (regulated disclosures, formal legal briefs).

## Workflow

1. **Clone `example.html`** into the user's workspace as the working file.
2. **Replace placeholder content** with the user's real headlines, body copy,
   numbers, names, dates, and section labels. Match existing dimensions when
   swapping image placeholders.
3. **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.
4. **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.
5. **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.
6. **Keep the navigation runtime as shipped.** If the deck ships an
   `assets/deck-stage.js` or inline keyboard handler, leave it intact.

## Output contract

The rest: https://github.com/nexu-io/open-design/blob/HEAD/design-templates/html-ppt-zhangzara-block-frame/SKILL.md