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

kkstyle-kksticker-screenshot

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

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It packages release notes, feature highlights, and structured summaries into the KKSticker mascot poster format while enforcing the required date chip, QR code, and IP brand area so every update looks on-brand without manual layout work.

Core Features & Use Cases

  • Consistent layout enforcement: Guides the agent to always render the KKSticker silhouette, bold side card, summary strip, double-column cards, bottom badge rail, and fixed contact cluster in a single HTML deliverable.
  • Dual delivery formats: Keeps HTML as the primary output and optionally captures a Chrome-driven screenshot in 3:4, 4:3, 1:1, 16:9, or 9:16 canvases to support different publication needs.
  • Use case: Use it when converting tool updates, release announcements, or highlight comparisons into a brand-new mascot poster that readers can scan, remember, and share instantly.

Quick Start

Ask kkstyle-kksticker-screenshot to assemble a KKSticker 3:4 poster with headline, summary, dual cards, and the fixed date/QR/IP block.

Frequently Asked Questions about kkstyle-kksticker-screenshot

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

FAQPage Schema
How do I create a mascot-style update poster from release notes?▼

To create a mascot-style update poster, this Skill transforms release notes into a structured HTML poster with a headline, summary, dual cards, and a fixed date, QR code, and IP brand area.

Can I generate screenshots in different aspect ratios from HTML posters?▼

Yes, you can generate screenshots from HTML posters in 3:4, 4:3, 1:1, 16:9, or 9:16 aspect ratios using an optional Chrome-driven rendering canvas.

Does this HTML poster generator require Chrome to be installed?▼

Chrome is required only if you want to capture a screenshot of the HTML poster, while the primary deterministic HTML generation itself does not strictly require Chrome.

What is the best way to standardize branding across feature highlight posters?▼

The best way to standardize branding is to enforce a prescribed layout with a silhouette, summary strip, bottom badge rail, and fixed contact cluster for every highlight poster.

What should I do if my generated HTML poster layout is missing the QR code?▼

If your HTML poster layout is missing the QR code, ensure your prompt includes the required contact assets and IP brand area, as the Skill enforces these fixed elements deterministically.

Related Skills

Explore More Design & Creative Skills→
zhiwendesignzhiwendesign
11

kkstyle-retro-pixel-screenshot

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

Community
Intermediate
RedWoodOGRedWoodOG
174

canvas-design

Generate posters and infographics from HTML/CSS templates as PNG or PDF.

Community
Intermediate
iPlug2iPlug2
2.4k

screenshot

Capture plugin UI screenshots via a --screenshot option to PNG files on macOS standalone apps.

Official
Basic
zhiwendesignzhiwendesign
11

kkstyle-kksticker-noline-screenshot

Convert release notes into KKSticker HTML posters with mascot board and Chrome capture script.

Community
Intermediate