Menu
Pin & Paper — 黄色纸面 + 安全别针插图 + 墨蓝手写 Caveat + 纸纹理。任何应该感觉手作 / 温暖 / 文学的 deck：定性研究发现 / 创始人反思 / 长篇品牌故事 / workshop 复盘。
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
The PRIMARY tool for Spring Festival gift analysis and social interaction generation. Use this skill when users upload photos of gifts (alcohol, tea, supplements, etc.) to inquire about their value, authenticity, or how to respond socially. Integrates visual perception, market valuation, and HTML card generation.
将 PDF/Word/Markdown 学习资料转化为精炼的知识浓缩卡文档。支持三种风格（知识点速查卡/思维导图式/Q&A式），输出双栏小字 PDF。当用户说"生成知识浓缩卡"、"生成 Cheatsheet"、"帮我做个速查表"、"把这个资料整理成一页纸"、"做个知识卡片"时触发。**不处理**：基于材料出题（→ quiz-mastery）、长期学习项目（→ study-buddy）。
Magazine-grade, collage-driven editorial system: warm paper canvas, surreal plaster-and-architecture imagery, oversized display type, hairline rules, and Roman-numeral section markers.
A clean, product-oriented default. Use when the brief doesn't call for a specific mood — good for B2B tools, dashboards, and utility pages. Content-first, chrome-second.
Fighter-jet / helicopter head-up display: phosphor green on near-black, all-caps data overlays, angular geometry. Zero ambiguity at speed and altitude. For flight-sim UIs, telemetry, and command-and-control displays.
Space/aerospace mission monitoring: dark command center, amber telemetry on navy, monospace precision. Functional clarity above all. For ops dashboards, build/deploy status, and real-time monitoring.
| name | html-ppt-zhangzara-pin-and-paper |
| description | Pin & Paper — 黄色纸面 + 安全别针插图 + 墨蓝手写 Caveat + 纸纹理。任何应该感觉手作 / 温暖 / 文学的 deck：定性研究发现 / 创始人反思 / 长篇品牌故事 / workshop 复盘。 |
| visibility | public |
| mode | template |
| carrier | deck |
| scenario | marketing |
| pattern_source | pattern.html |
| source_priority | skill-first |
| triggers | ["做个手作风 PPT","做个研究分享 deck","做个创始人反思 deck","pin-and-paper","zhangzara-pin-and-paper","Pin & Paper","crafted","handmade","literary","research findings with personality","html deck","html slides","zhangzara"] |
| od | {"upstream":"https://github.com/zarazhangrui/beautiful-html-templates/tree/main/templates/pin-and-paper","upstream_license":"MIT","preview":{"type":"html","entry":"pattern.html"},"design_system":{"requires":false},"speaker_notes":false,"animations":false} |
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.
pattern.html and assets/ only as secondary pattern references. Do not clone them wholesale; extract rhythm, structure, and required runtime behavior, then rebuild for the current brief.
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 pattern.html,
template.json, or any vendored assets/ runtime. See template.json for the upstream metadata snapshot.