kkstyle-minimal-tech-screenshot
CommunityDesign sleek minimal tech posters in seconds
Authorzhiwendesign
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill turns raw product or technology notes into a structured minimal tech poster with a date chip, clean metric card, dual-column storytelling, and fixed QR/IP branding so you avoid handcrafting CSS and layout every time.
Core Features & Use Cases
- HTML-first poster generation: Deliver a complete HTML page with embedded CSS tailored for the chosen ratio before capturing any screenshots.
- Fixed brand and contact block: Always include the date label, ${CLAUDE_SKILL_DIR}/assets/contact-code.png QR, and ${CLAUDE_SKILL_DIR}/assets/kk-character.jpeg IP with captions.
- Screenshot automation: Run scripts/capture_card.sh via available Chrome/Chromium binaries to produce PNG versions at 3:4, 4:3, 1:1, 16:9, or 9:16.
Quick Start
Ask the skill to convert your topic notes into a minimal tech poster with a date chip, metric card, dual-column content, and contact block ready for HTML and optional PNG export.
Dependency Matrix
Required Modules
google-chromechromiumchromium-browserchrome/Applications/Google Chrome.app/Contents/MacOS/Google Chrome
Components
scriptsreferencesassets
💻 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-minimal-tech-screenshot Download link: https://github.com/zhiwendesign/kkskills/archive/main.zip#kkstyle-minimal-tech-screenshot Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.