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

kkstyle-minimal-tech-noline-screenshot

Transform raw notes into minimal tech HTML posters with fixed branding blocks.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill turns scattered product or technical notes into a polished no-line minimal tech poster with fixed date labels, QR contact, and IP badges so every page instantly reads as a premium release summary.

Core Features & Use Cases

  • HTML-first poster creation: Generate a 3:4 (and optional 4:3, 1:1, 16:9, 9:16) HTML canvas with embedded CSS, clear title hierarchy, metric card, and dual-column content before any screenshot step.
  • Consistent branding and constraints: Follow the minimal-tech design rules with restrained palettes, fixed contact cluster assets, precise layout rules, and soft shadows so the QR and IP slots are always visible.
  • Use Case: Feed the skill product launch highlights or platform capability notes to produce the technical roadmap poster that stays ready for Chrome-based PNG capture.

Quick Start

Command the skill to transform your latest release notes into a minimal tech no-line poster with a date chip, metric card, dual columns, and the fixed QR/IP block.

Frequently Asked Questions about kkstyle-minimal-tech-noline-screenshot

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

FAQPage Schema
How do I convert raw release notes into an HTML product launch poster?▼

The Skill transforms scattered technical notes into a polished minimal tech poster by applying fixed branding blocks, date labels, and QR contact clusters. It enforces consistent layout presets and restrained palettes for premium release summaries.

How do I generate a 16:9 technical briefing poster with metric cards and dual columns?▼

This Skill generates HTML posters with fixed branding constraints like restrained palettes and soft shadows. It ensures QR and IP slots remain visible by applying precise layout rules to your technical briefing content.

Can I use Chrome to capture a PNG screenshot of my HTML poster?▼

You need Google Chrome, Chromium, or a Chromium browser installed to use the optional screenshot script. The Skill outputs standard HTML with embedded CSS, which can be rendered locally before triggering the Chrome screenshot capture.

Does this Skill enforce consistent QR and IP badges across different poster layouts?▼

Yes, the Skill enforces consistent QR and IP badges across different poster layouts by applying fixed contact cluster assets and precise layout rules. This ensures the IP slots and QR contact remain visible regardless of the chosen aspect ratio.

Related Skills

Explore More Design & Creative Skills→
biomaps-infrabiomaps-infra

doc-pptx-posters

Generate research posters in PPTX or PDF from HTML/CSS templates.

Official
Advanced
silaratursilaratur

image-creator

Render HTML and CSS content into high-resolution PNG images with a headless Playwright browser.

Community
Intermediate
steven508508steven508508
1

obsidian

Automate Obsidian vault and note management tasks using obsidian-cli.

Community
Intermediate
datascienceworld-kandatascienceworld-kan
73

canvas-design

Convert design briefs into single-page PDF or PNG visual canvases.

Community
Advanced