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

kkstyle-scrapbook-noline-screenshot

Convert raw notes into scrapbook-style HTML posters with date chips and QR assets.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires google-chrome, chromium, chromium-browser, chrome, python3, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

It turns raw notes, recommendations, or resource lists into a warm scrapbook-style HTML poster so you no longer have to design collage layouts, manually place date chips, or wonder if the QR/IP branding is present before running a screenshot.

Core Features & Use Cases

  • HTML-first scrapbook workflow: The skill follows a three-stage contract that judges content density, outputs a complete HTML with embedded CSS, and reminds you to verify readability before offering PNG capture so you can focus on the story rather than layout.
  • Guided collage aesthetics: Layout references describe ratio presets, paper-layer rules, and no-line softness so every poster respects the intended visual language while placing a date label, highlight card, summary strips, dual main papers, contact cluster, and captions in consistent positions.
  • Screenshot and asset tooling: Use the built-in capture_card.sh script to render the HTML to PNG and image_to_data_uri.py to inline local assets so Chrome/Chromium always finds the contact QR and IP images.

Quick Start

Ask /kkstyle-scrapbook-noline-screenshot to turn my topic, summary, and highlights into a warm scrapbook poster that already includes the fixed date chip, QR code, and IP branding.

Frequently Asked Questions about kkstyle-scrapbook-noline-screenshot

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

FAQPage Schema
How do I convert raw notes into a scrapbook-style HTML poster?▼

This skill converts raw notes into scrapbook-style HTML posters by judging content density and outputting complete HTML with embedded CSS, applying fixed canvas ratios and layered paper layout rules for collage aesthetics.

How do I capture an HTML poster as a PNG screenshot using Chrome?▼

Use the built-in capture_card.sh script to capture HTML posters as PNG screenshots, rendering the output via Chrome or Chromium while ensuring embedded QR and IP assets are correctly found.

Does this scrapbook layout tool require Python and Chrome dependencies?▼

Yes, this scrapbook layout tool requires Python3 and a Chrome or Chromium browser dependency to run the capture_card.sh script for PNG rendering and image_to_data_uri.py to inline local assets.

What is the best way to add date chips and contact blocks to collage layouts automatically?▼

The best way to add date chips and contact blocks automatically is using this skill's guided collage layout references, which consistently place date labels, highlight cards, summary strips, and contact clusters without manual design.

Why are my local image assets not showing in the HTML poster screenshot?▼

Local image assets may not show in the HTML poster screenshot if they are not inlined; use the image_to_data_uri.py script to convert local assets to data URIs so Chrome or Chromium always finds the contact QR and IP images.

Related Skills

Explore More Design & Creative Skills→
zhiwendesignzhiwendesign
11

kkstyle-scrapbook-screenshot

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

Community
Intermediate
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-editorial-screenshot

Convert notes into editorial HTML posters with fixed canvas layouts.

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