kkstyle-class-notes-screenshot
CommunityTurn notes into handwritten class posters.
Authorzhiwendesign
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill removes the manual struggle of styling study notes into shareable posters by enforcing a consistent class-notes aesthetic with a fixed date label and branded contact block while delivering HTML ready for screenshotting.
Core Features & Use Cases
- Branded classroom layout: generates a 3:4 handwritten title, highlight strip, double note columns, and mandatory date, QR, and IP elements for every poster.
- Flexible canvas presets: respects the 3:4 default yet supports 4:3, 1:1, 16:9, and 9:16 sizes while following the inline CSS and design rules documented in references.
- Use Case: turn course summaries, study reflections, or knowledge checklists into organized HTML before optionally invoking the capture script for PNG exports.
Quick Start
Tell the skill to craft a 3:4 handwritten class-notes poster with a top date label, highlighted summary, and fixed QR/IP assets so it outputs HTML ready for screenshots.
Dependency Matrix
Required Modules
google-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-class-notes-screenshot Download link: https://github.com/zhiwendesign/kkskills/archive/main.zip#kkstyle-class-notes-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.