← Back to Skills Marketplace
Davos
by
zhsongchao
· GitHub ↗
· v1.0.0
· MIT-0
308
Downloads
0
Stars
2
Active Installs
1
Versions
Install in OpenClaw
/install easy-html-poster
Description
快速用HTML和浏览器截图制作适合小红书和朋友圈的农业或法律风格海报模板。
README (SKILL.md)
Skill: HTML海报制作
用HTML+浏览器截图的方式快速制作小红书/朋友圈海报。
使用场景
- 用户要求制作海报
- 需要快速生成可视化内容
核心步骤
1. 创建HTML文件
在 ~/Desktop/ 目录下创建HTML文件，包含完整样式的小红书海报模板。
关键要点：
- 宽度800px，高度1200px（竖版）
- 使用
font-family: 'Noto Sans SC'支持中文 - 背景简约清新（白色或浅色）
- 配色：绿色(#27AE60)代表农业/养殖，红色(#E74C3C)代表法律/警示
2. 启动本地服务器
cd ~/Desktop
python3 -m http.server 9999
3. 浏览器打开并截图
- 使用OpenClaw browser工具打开
http://localhost:9999/文件名.html - 截图保存到桌面
4. 清理
- 关闭本地服务器
- 删除临时HTML文件（可选保留）
模板示例
农业/养殖海报模板
\x3Cstyle>
.poster { width: 800px; height: 1200px; background: white; }
.header { background: linear-gradient(135deg, #27AE60 0%, #1E8449 100%); padding: 30px; text-align: center; }
.header-title { font-size: 36px; font-weight: 900; color: white; }
.section { background: #F8F8F8; border-radius: 12px; padding: 15px; margin-bottom: 12px; }
.section-title { font-size: 18px; font-weight: 700; color: #27AE60; }
.highlight-box { background: #E8F8F0; border-radius: 12px; padding: 15px; border-left: 5px solid #27AE60; }
.warning-box { background: #FDEBD0; border-radius: 12px; padding: 15px; border-left: 5px solid #E67E22; }
.footer { background: linear-gradient(135deg, #27AE60 0%, #1E8449 100%); padding: 20px; text-align: center; }
.tag { background: #E8F8F0; color: #27AE60; padding: 5px 10px; border-radius: 15px; font-size: 12px; }
\x3C/style>
法律/咨询海报模板
\x3Cstyle>
.poster { width: 800px; height: 1200px; display: flex; }
.left { width: 220px; background: #FFF5F5; }
.right { flex: 1; background: white; }
.header { background: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%); border-radius: 10px; padding: 16px; }
.case-box { background: #F8F8F8; border-radius: 8px; padding: 12px; }
.result-box { background: linear-gradient(135deg, #FFE5E5 0%, #FFF5F5 100%); border-radius: 8px; padding: 10px; }
.cta-box { background: linear-gradient(135deg, #E74C3C 0%, #C0392B 100%); border-radius: 8px; padding: 10px; }
\x3C/style>
快速命令
# 启动服务器
cd ~/Desktop && python3 -m http.server 9999
# 关闭服务器
pkill -f "python3 -m http.server 9999"
注意事项
- 端口9999避免与8888冲突（Canva等可能占用）
- HTML中的图片用本地路径或网络URL
- 截图后及时关闭服务器释放资源
Usage Guidance
This skill appears to do what it says: author a temporary HTML poster, serve it locally, and screenshot it. Before running it, consider these simple safety steps: (1) Don't run the server from your Desktop if that folder contains sensitive files — create a temporary folder and put only poster files there. (2) Bind the server to localhost to avoid exposing files: python3 -m http.server 9999 --bind 127.0.0.1. (3) Avoid using pkill -f; instead capture the server PID when you start it and kill that PID (or use Ctrl-C) to avoid terminating unrelated Python processes. (4) If your HTML references external image URLs, the browser will fetch them from the network (remote hosts will see the request); prefer local images if you want to avoid remote fetches. (5) Verify screenshots don't accidentally capture other on-screen sensitive information. With those precautions this instruction-only skill is coherent and low-risk.
Capability Analysis
Type: OpenClaw Skill
Name: easy-html-poster
Version: 1.0.0
The skill bundle provides a legitimate workflow for generating social media posters by creating HTML files on the user's desktop and serving them locally via 'python3 -m http.server' for screenshotting. While serving the desktop directory over a local port (9999) is a minor security oversight, the instructions in SKILL.md are transparent, lack obfuscation, and show no evidence of malicious intent, data exfiltration, or unauthorized access.
Capability Assessment
Purpose & Capability
The name/description (HTML poster + screenshot) match the runtime instructions: create an HTML file, run a local HTTP server, open the local URL in the browser, and capture a screenshot. No unrelated binaries, credentials, or services are requested.
Instruction Scope
Instructions stay within the poster-generation workflow, but omit a couple of important safety details: (1) python3 -m http.server binds to all interfaces by default, potentially exposing ~/Desktop files to the network; the instructions do not recommend --bind 127.0.0.1 or using a temporary directory. (2) The suggested pkill -f pattern may match and terminate other unrelated Python processes. Also, templates may reference external image URLs which will cause the browser to fetch remote resources (possible data/metadata leakage).
Install Mechanism
Instruction-only skill with no install spec and no downloaded code. This is low risk and consistent with a simple workflow that relies on existing Python and the agent's browser tool.
Credentials
The skill requests no environment variables, no credentials, and no config paths. It only instructs writing a temporary HTML file to ~/Desktop and running a local server, which is proportional to the stated purpose.
Persistence & Privilege
The skill is not always-enabled and does not request persistent privileges. It does instruct running a local server process, but that is typical for the task and limited in scope.
How to Use
- Make sure OpenClaw is installed (local or Docker)
- Run the install command in chat:
/install easy-html-poster - After installation, invoke the skill by name or use
/easy-html-poster - Provide required inputs per the skill's parameter spec and get structured output
Version History
v1.0.0
- Initial release of easy-html-poster skill.
- Provides step-by-step guide to quickly create visually appealing posters using HTML and browser screenshots.
- Includes customizable template styles for agriculture and legal themes.
- Details best practices for local server setup, browser usage, and file management.
- Offers quick command references and important usage notes for smooth operation.
Metadata
Frequently Asked Questions
What is Davos?
快速用HTML和浏览器截图制作适合小红书和朋友圈的农业或法律风格海报模板。 It is an AI Agent Skill for Claude Code / OpenClaw, with 308 downloads so far.
How do I install Davos?
Run "/install easy-html-poster" in the OpenClaw or Claude Code chat to install it in one step — no extra setup required.
Is Davos free?
Yes, Davos is completely free, licensed under MIT-0. You can download, install and use it at no cost.
Which platforms does Davos support?
Davos is cross-platform and runs anywhere OpenClaw / Claude Code is available (cross-platform).
Who created Davos?
It is built and maintained by zhsongchao (@zhsongchao); the current version is v1.0.0.
More Skills