canvas-design
Canvas Design
使用场景
- 微信公众号封面（优先）：用户提供公众号内容 → 输出一张封面图。
- 设计哲学 + 画布：用户要海报/艺术图/静态视觉 → 先写视觉哲学 (.md)，再在画布上表达 (.pdf/.png)。
微信公众号封面
- 输入：用户给出的微信公众号文章内容（或标题、摘要等）。
- 输出：一张图片，默认保存为
imagen_output.png。
执行：在 skill 目录 canvas-design 下执行脚本，将用户输入的公众号内容（可原样或整理/翻译为一段描述）作为 prompt 传入：
python scripts/generate_cover.py "<用户输入的微信公众号内容>"
脚本内部调用 generate_image_correctly(prompt)；Imagen 对英文 prompt 效果更佳时，可先对文案做简洁翻译或摘要再传入。
设计哲学 + 画布
两步：1）撰写视觉哲学并输出为 .md；2）在画布上视觉化表达，输出为单页 .pdf 或 .png（字体见 canvas-fonts/）。
完整流程、哲学示例、原则与精修步骤见 reference.md。
资源
- 脚本：
scripts/generate_cover.py（微信公众号封面用） - 字体：
canvas-fonts/ - 依赖：
requirements-imagen.txt（封面生图用）
More from fanthus/agent-skills
openclaw-expert
OpenClaw learning expert that retrieves and synthesizes information from official documentation (https://docs.openclaw.ai) and GitHub repository (https://github.com/openclaw/openclaw). Use this skill whenever the user asks questions about OpenClaw, including installation, configuration, API usage, concepts, troubleshooting, best practices, or any OpenClaw-related inquiries. Triggers include OpenClaw questions about features, implementation, usage, setup, or any openclaw-related topics.
130github-repo-management
Create and manage GitHub repositories, branches, commits, and PRs via local git commands and GitHub MCP. Use when the user asks to create a repo, push code, get repo info, manage branches, open PRs, or work with GitHub repositories.
16react-native-app
Build cross-platform mobile applications using React Native. Use when the user wants to create, develop, or work with React Native apps for iOS and Android. Triggers include requests to build mobile apps, create React Native components, set up navigation, integrate native modules, handle app state management, implement animations, or work with React Native specific features like FlatList, StyleSheet, or platform-specific code.
7electron-dev
Build cross-platform desktop applications with Electron using best practices for security, performance, and user experience. Use this skill when developing system tools (file managers, screenshot tools, productivity apps) or when working with Electron projects. Triggers include requests to create Electron apps, implement file operations, system tray functionality, window management, IPC communication, or optimize Electron performance. Supports vanilla JavaScript, React, and Vue frameworks with comprehensive code templates that embed security and performance best practices directly in comments.
6git-commit-pro
Generate professional git commit messages following Conventional Commits specification. Use when user asks to commit changes or write a commit message.
6chrome-extension
Guides creation and modification of Chrome extensions using Manifest V3. Use when building browser extensions, Chrome plugins, or when the user mentions manifest.json, content scripts, background service worker, popup, or extension permissions.
5