← Back to Skills Marketplace
Visual Note Card
by
BeilunYang
· GitHub ↗
· v0.1.0
· MIT-0
161
Downloads
0
Stars
1
Active Installs
1
Versions
Install in OpenClaw
/install visual-note-card-skills
Description
Generate professional Chinese visual note cards (视觉笔记卡片/信息图) as single-page HTML infographics with automatic PNG export. Use this skill whenever the user ask...
Usage Guidance
This skill appears coherent and focused on generating HTML visual cards and exporting PNGs. Before installing or running, note: (1) the included renderer (scripts/html2png.py) requires Playwright and a Chromium install (pip install playwright && playwright install chromium) and will launch a headless browser; (2) the template loads Google Fonts and may fetch CDN resources during rendering (network access); (3) if you render untrusted HTML, that HTML could include external resources or tracking—only render content you trust or sanitize inputs first. If you need offline-only rendering, consider hosting required fonts locally and review the HTML for external URLs before rendering.
Capability Assessment
Purpose & Capability
Name/description align with included files: a template HTML, a long SKILL.md describing layout and content rules, and a small Python renderer (html2png.py) to export the .poster element to PNG. No unrelated credentials, binaries, or services are requested.
Instruction Scope
SKILL.md instructs the agent to read the provided template and produce self-contained HTML then export it. It does not ask to access unrelated system files, credentials, or external endpoints beyond loading fonts/CDNs for rendering, which is consistent with producing a web-based card.
Install Mechanism
No install spec in registry (instruction-only). The only runtime dependency is Playwright/Chromium for the included html2png.py script (the script documents pip/playwright install). No opaque downloads or external install URLs are embedded in the skill files.
Credentials
The skill requires no environment variables, credentials, or special config paths. The included script runs locally against a file:// URL and does not request secrets or unrelated service tokens.
Persistence & Privilege
always is false; the skill does not request persistent system privileges or modify other skills. It only contains template assets and a renderer script operating at user-run time.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install visual-note-card-skills - After installation, invoke the skill by name or use
/visual-note-card-skills - Provide required inputs per the skill's parameter spec and get structured output
Version History
v0.1.0
Visual Note Card Generator — Initial Release
- Enables fast creation of Chinese visual note cards and infographics as self-contained HTML files, with automatic export to high-quality PNG images.
- Delivers a structured, poster-style layout featuring preset design system, color palette, and bilingual typography.
- Automatically extracts or creates a memorable framework (2–6 columns), thesis statement, and well-organized content sections to summarize articles or concepts.
- Outputs are suitable for sharing on social media or for high-quality printing, with both HTML and PNG included by default.
- Users can request alternate color schemes, only-HTML output, or reference existing cards for matching styles.
Metadata
Frequently Asked Questions
What is Visual Note Card?
Generate professional Chinese visual note cards (视觉笔记卡片/信息图) as single-page HTML infographics with automatic PNG export. Use this skill whenever the user ask... It is an AI Agent Skill for Claude Code / OpenClaw, with 161 downloads so far.
How do I install Visual Note Card?
Run "/install visual-note-card-skills" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Visual Note Card free?
Yes, Visual Note Card is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Visual Note Card support?
Visual Note Card is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Visual Note Card?
It is built and maintained by BeilunYang (@beilunyang); the current version is v0.1.0.
More Skills