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

kkstyle-retro-pixel-screenshot

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

11|1|Updated Mar 30, 2026
Search Tags:#visual-design#agent-workflow#png-export#retro-pixel#html-poster#chrome-capture
One-click install
npx skills add https://github.com/zhiwendesign/kkskills --skill kkstyle-retro-pixel-screenshot
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: kkstyle-retro-pixel-screenshot
Source: https://github.com/zhiwendesign/kkskills/tree/main/kkstyle-retro-pixel-screenshot
Command: npx skills add https://github.com/zhiwendesign/kkskills --skill kkstyle-retro-pixel-screenshot

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill turns raw project notes or tool lists into a structured retro pixel handheld poster that respects the fixed date HUD, QR, and IP brand block requirements so the final HTML is ready for deterministic screenshots.

Core Features & Use Cases

  • Retro pixel layout guidance: provides explicit rules for titles, status cards, dual-panel content, summary boxes, and ratio presets tailored to HUD-like storytelling.
  • Brand and contact consistency: enforces the top date HUD and fixed bottom-right cluster with the cooperation QR code and Kaka IP art plus captions, matching the included assets.
  • Screenshot pipeline: ships capture_card.sh and image_to_data_uri.py so you can keep a stable HTML canvas, inline assets when needed, and trigger Chrome/Chromium screenshot exports for 3:4 or other supported ratios.
  • Use case: ideal for agents summarizing courses, tools, or projects who need a playful yet readable report card that also doubles as promotional poster content.

Quick Start

Use the kkstyle-retro-pixel-screenshot skill to turn notes into a retro handheld 3:4 poster with a top date HUD, right-side status card, and fixed QR/IP brand blocks ready for HTML output and PNG capture.

Frequently Asked Questions about kkstyle-retro-pixel-screenshot

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

FAQPage Schema
How do I convert project notes into a retro pixel HTML poster?▼

To convert project notes into a retro pixel HTML poster, you can use a skill that transforms raw text into structured HTML with a fixed date HUD, dual-panel status cards, and a fixed bottom-right QR and IP brand block for storytelling.

Can I export HTML posters to PNG using Chromium?▼

Yes, you can export HTML posters to PNG using Chromium by running capture scripts like capture_card.sh, which trigger Chrome or Chromium screenshot exports for fixed 3:4 ratio canvases and inline assets.

Does generating a retro pixel poster require Python and Chrome dependencies?▼

Generating a retro pixel poster requires Python and Chrome dependencies, specifically python3 for inline asset handling via image_to_data_uri.py and a chromium-browser for deterministic screenshot capture.

What is the best way to ensure consistent branding on retro pixel posters?▼

The best way to ensure consistent branding on retro pixel posters is by enforcing explicit layout presets that dictate top date HUD positioning and a fixed bottom-right cluster containing cooperation QR codes and IP art captions.

Are there limitations when using fixed canvas ratios for HTML poster screenshots?▼

Limitations when using fixed canvas ratios for HTML poster screenshots include being restricted to specific supported presets like 3:4, requiring strict layout guidance to maintain readability and prevent overlapping HUD elements.

Why use a retro pixel layout for summarizing course or project highlights?▼

You use a retro pixel layout for summarizing course or project highlights because it provides a playful yet readable report card format with dual-panel storytelling, ideal for agents needing promotional poster content.

Related Skills

Explore More Design & Creative Skills→
neilsanghrajkaneilsanghrajka

agent-browser

Automates Chrome/Chromium browser interactions via CDP for AI agents.

Community
Advanced
zhiwendesignzhiwendesign
11

kkstyle-scrapbook-noline-screenshot

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

Community
Advanced
zhiwendesignzhiwendesign
11

kkstyle-retro-pixel-noline-screenshot

Convert notes into branded retro pixel HTML posters with embedded CSS and screenshot automation.

Community
Intermediate
zhiwendesignzhiwendesign
11

kkstyle-scrapbook-screenshot

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

Community
Intermediate