Skills for Real Engineers. Straight from my .agents directory.
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
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)
1# BlockFrame23> Neobrutalist deck with pastel-neon color blocks and chunky black borders.45A single self-contained HTML deck — typography, palette, decorative system,6and slide vocabulary are all tuned together. Mixing layouts across templates7breaks the system; stay inside this one.89## At a glance1011- **Scheme:** light12- **Formality:** medium-low13- **Density:** high14- **Slides in demo:** 101516## Best for1718Anything 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.1920## Avoid for2122Contexts that require quiet institutional restraint or traditional weight (regulated disclosures, formal legal briefs).2324## Workflow25261. **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 when29 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 the33 identity.344. **Adjust deck length by duplicating layouts.** If the user has more content35 than the demo holds, duplicate an existing slide of the most appropriate36…
Excerpt shown under the repository's Apache-2.0 license.
More skills in open-design
Similar skill repositories
Public repository for Agent Skills
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
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
Production-grade engineering skills for AI coding agents.
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
