A field-biology capstone on urban pollinator decline — the survey design, the data, the contribution, and the caveats. Built as a decision-grade coursework defense deck for faculty reviewers.
Yellow paper with safety-pin illustrations, ink-blue handwritten Caveat, paper-grain texture.
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.
Anything that should feel hand-crafted, warm, and literary: qualitative research findings, founder reflections, longform brand stories, workshop debriefs. The signature safety-pin illustrations and paper-grain texture make it especially good for any deck — including tech or business — that wants personality and warmth over polish.
Decks that need to feel digital-native polished or rigorously data-driven — handwritten Caveat is intentionally informal.
example.html AND the assets/ folder into the user's workspace.
This template ships an assets/deck-stage.js runtime (keyboard navigation,
stage rendering) and an assets/styles.css stylesheet. The HTML references
them as assets/deck-stage.js and assets/styles.css, so both must sit next
to the cloned HTML or those paths will 404 in the generated artifact and
navigation/styling will silently break. Inlining the JS/CSS into a single
<script>/<style> block in the HTML is an acceptable alternative when a
single self-contained file is preferred.assets/deck-stage.js or inline keyboard handler, leave it intact.Emit between <artifact> tags:
<artifact identifier="zhangzara-pin-and-paper" type="text/html" title="Deck Title">
<!doctype html>
<html>...</html>
</artifact>
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.
Copy a source-pinned command for your client. You run it yourself.
Destination: .claude/skills/html-ppt-zhangzara-pin-and-paper · pinned to the source commit
# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/examples/html-ppt-zhangzara-pin-and-paper" ".claude/skills/"
rm -rf .skillboard-tmpReview the source before running. This copies files into your project; it is not a one-click install and does not verify runtime safety.
sudo apt update && sudo apt install -y gitnpm install -g @anthropic-ai/claude-code# Run from your project root
git clone https://github.com/nexu-io/open-design.git .skillboard-tmp
git -C .skillboard-tmp checkout 9881cff70e02be86c2a58130af512011ba23d4af
mkdir -p ".claude/skills"
cp -r ".skillboard-tmp/plugins/_official/examples/html-ppt-zhangzara-pin-and-paper" ".claude/skills/"
rm -rf .skillboard-tmpDestination: .claude/skills/html-ppt-zhangzara-pin-and-paper
Scanner static-checks@0.1.0 · commit 9881cff70e02. Static checks cannot prove runtime safety – review the source and the exact diff before installing. How checks work.
No static rules matched. This is not a safety guarantee.