note-skill is a plugin for AI agent platforms (the README mentions WorkBuddy and OpenClaw) that converts plain technical text into a self-contained HTML file styled to look like a handwritten notebook. You give it a topic or a block of technical content, and it produces a single HTML file with handwritten fonts, decorative elements, and structured layouts that resemble a real paper notebook page. The plugin offers two visual styles. Style A mimics a lined yellow notepad with a spiral binding graphic, handwritten fonts from Google Fonts (Kalam, Patrick Hand, Zeyada), and decorations like tape and coffee-ring marks. Style B mimics a leather-covered journal with a metal ring binding and a page-turn animation when you scroll through it. Style A is described as suited for general technical notes and knowledge summaries, Style B is described as suited for security research and deep technical analysis. Both styles share a library of layout and text components: flow diagrams, comparison boxes, code blocks, sticky-note callouts, warning boxes, and concept cards. Text can be marked with yellow or pink highlights, colored text, or monospace formatting for code terms. The icon sets differ by style (Lucide icons for Style A, Remix Icon for Style B), and neither style uses emoji as icons. Installation is a manual copy of the skill folder into the AI agent platform's skills directory, or a single git clone command. No build step is required. The output is pure HTML5, CSS3, and plain JavaScript with no framework dependencies, and it works in modern browsers including Chrome, Firefox, Safari, and Edge. The repository is MIT-licensed and primarily documented in Chinese.
← unclecheng-li on gitmyhub — every repo by this author, as a profile.
Verify against the repo before relying on details.