kkstyle-diagram-board-screenshot

Community

Craft diagram-board posters with fixed brand cues

Authorzhiwendesign
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Many workflow notes and project summaries look like plain documents, so this skill guides agents to restructure them into a diagram-board poster that makes hierarchy, connections, and reading order immediately obvious while preserving fixed branding.

Core Features & Use Cases

  • Three-phase output: it first selects a suitable diagram layout, then delivers inline-CSS HTML, and finally provides optional PNG capture instructions so readers get both code and imagery.
  • Consistent brand requirements: built-in date sticker, metric card, summary strip, connectors, and fixed QR/IP cards keep every poster on-brand across screenshots.
  • Design-ready assets: use the provided HTML template, layout presets, and references to explain project introductions, methodology breakdowns, and process guides in a diagrammatic style.

Quick Start

Use kkstyle-diagram-board-screenshot to turn notes about a process or project into a diagram-board poster with the fixed date sticker, QR block, and IP slot.

Dependency Matrix

Required Modules

python3google-chromechromiumchromium-browserchrome

Components

assetsreferencesscripts

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: kkstyle-diagram-board-screenshot
Download link: https://github.com/zhiwendesign/kkskills/archive/main.zip#kkstyle-diagram-board-screenshot

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.