skills.rest
zhiwendesign
zhiwendesignCOMMUNITY
Explore all skills by this author →
GitHub

kkstyle-scrapbook-screenshot

Generate warm scrapbook-style HTML posters from notes with fixed date, QR, and IP blocks.

11|1|Updated Mar 30, 2026
Search Tags:#html#poster#layout#brand#screenshot#collage#scrapbook
One-click install
npx skills add https://github.com/zhiwendesign/kkskills --skill kkstyle-scrapbook-screenshot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kkstyle-scrapbook-screenshot
Source: https://github.com/zhiwendesign/kkskills/tree/main/kkstyle-scrapbook-screenshot
Command: npx skills add https://github.com/zhiwendesign/kkskills --skill kkstyle-scrapbook-screenshot

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

The skill replaces manual collage design by turning structured notes into warm scrapbook HTML that keeps the branded date label, QR, and IP area intact while meeting fixed ratio expectations for screenshot capture.

Core Features & Use Cases

  • Warm scrapbook HTML that layers paper sheets, tapes, and note cards so a resource recommendation or lifestyle summary looks like a hand-crafted collage.
  • Fixed brand area with the date chip, cooperation QR code, and 卡卡 IP block coming from the assets folder while following the visual rules and layout presets.
  • Screenshot-first workflow that outputs fixed-dimension HTML and invokes the Chrome/Chromium capture script, with optional data URI embedding when assets live offline.
  • References and examples explain palette, layout, and slash command inputs so you can confidently feed content about courses, projects, or summaries.

Quick Start

Ask the skill to layout your notes as a warm scrapbook-style poster with topic, summary, ratio, and highlight details so it returns the HTML with the fixed date label, contact QR, and IP block.

Frequently Asked Questions about kkstyle-scrapbook-screenshot

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I generate a warm scrapbook-style HTML poster from text notes?▼

To generate a warm scrapbook-style HTML poster, provide your structured notes with topic, summary, ratio, and highlights. The skill outputs layered paper collage HTML with fixed date labels, QR codes, and IP blocks ready for screenshot capture.

Can I capture a fixed-dimension HTML poster as a PNG screenshot using Chrome?▼

Yes, you can capture fixed-dimension HTML posters as PNG screenshots. The skill includes a screenshot-first workflow that invokes a Chrome or Chromium capture script, with optional data URI embedding for offline assets.

What is a scrapbook layout and when should I use it for content summaries?▼

A scrapbook layout is an HTML design that layers paper sheets, tapes, and note cards to mimic a hand-crafted collage. Use it for content-heavy summaries, resource recommendations, or lifestyle notes to avoid cold corporate designs.

Does the scrapbook poster generator support fixed brand areas like QR codes and date labels?▼

Yes, the scrapbook poster generator supports fixed brand areas. It automatically places the date chip, cooperation QR code, and IP block from the assets folder into the HTML layout following predefined visual rules.

Why do my offline HTML poster assets fail to load during screenshot capture?▼

Offline HTML poster assets fail to load when external image paths are unreachable. The skill solves this by offering optional data URI embedding, ensuring the date label, QR code, and IP block render correctly during Chrome capture.

Related Skills

Explore More Design & Creative Skills→
zhiwendesignzhiwendesign
11

kkstyle-kksticker-screenshot

Generate structured KKSticker mascot posters as HTML with date, QR, and IP elements.

Community
Advanced
zhiwendesignzhiwendesign
11

kkstyle-retro-pixel-screenshot

Convert notes into retro pixel HTML posters with fixed HUD and QR brand blocks.

Community
Intermediate
zhiwendesignzhiwendesign
11

kkstyle-minimal-tech-screenshot

Convert tech notes into a minimal poster HTML with embedded CSS and optional PNG export.

Community
Intermediate
MyHeavenDyfMyHeavenDyf

html-ppt-zhangzara-pin-and-paper

Generate a self-contained HTML presentation template with handcrafted styling.

Community
Intermediate