Tooluck logoTooluck
SKILL.md

html-ppt-zhangzara-block-frame

Agent skill fromnexu-io/open-design

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.

How to install html-ppt-zhangzara-block-frame

install html-ppt-zhangzara-block-frame
# install the open-design pack with the skills CLI
npx skills add nexu-io/open-design

# or add only this skill to Claude Code: copy the folder

design-templates/html-ppt-zhangzara-block-frame/

# into

~/.claude/skills/html-ppt-zhangzara-block-frame/ (all projects)

.claude/skills/html-ppt-zhangzara-block-frame/ (one project)

design-templates/html-ppt-zhangzara-block-frame/SKILL.md

Apache-2.0Full file
1# BlockFrame
2
3> Neobrutalist deck with pastel-neon color blocks and chunky black borders.
4
5A single self-contained HTML deck — typography, palette, decorative system,
6and slide vocabulary are all tuned together. Mixing layouts across templates
7breaks the system; stay inside this one.
8
9## At a glance
10
11- **Scheme:** light
12- **Formality:** medium-low
13- **Density:** high
14- **Slides in demo:** 10
15
16## Best for
17
18Anything 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.
19
20## Avoid for
21
22Contexts that require quiet institutional restraint or traditional weight (regulated disclosures, formal legal briefs).
23
24## Workflow
25
261. **Clone `example.html`** into the user's workspace as the working file.
272. **Replace placeholder content** with the user's real headlines, body copy,
28 numbers, names, dates, and section labels. Match existing dimensions when
29 swapping image placeholders.
303. **Preserve the design system.** Never substitute fonts, recolor the palette,
31 restructure the layout grid, or strip decorative elements (corner brackets,
32 paper grain, geometric shapes, illustrated SVGs). They are part of the
33 identity.
344. **Adjust deck length by duplicating layouts.** If the user has more content
35 than the demo holds, duplicate an existing slide of the most appropriate
36…

Excerpt shown under the repository's Apache-2.0 license.

More skills in open-design

Keep exploring

Similar skill repositories

thedotmack /

claude-mem
116k

Persistent Context Across Sessions for Every Agent – Captures everything your agent does during sessions, compresses it with AI, and injects relevant context back into future sessions. Works with Claude Code, OpenClaw, Codex, Gemini, Hermes, Copilot, OpenCode + More

CCCXGHGM+135 skills

Leonxlnx /

taste-skill
113k

Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages

CCCXCU1 skill

Newsletter

Join the Community

Subscribe to our newsletter for the latest news and updates