Welcome
OpenClaw Skills
三个 Skill，三种解法。
一个让 AI 写出人话，一个让 AI 修好乱码，一个让 AI 画出界面。
← 点击左侧文件查看 Skill 详情
📝
Tech Blog Generator
上传代码，输出结构完整、论证严谨的中英文技术博客。模拟 Senior Staff Engineer 的写作过程——分析架构、选文体、守规则、三遍自审。
Python★ 1
21 写作规则
6 文体模板
3 遍自审
10 语言陷阱
核心特性
21 条写作规则
12 条经典权威（Strunk & White, Orwell, Pinker）+ 9 条 AI 特定规则，每条含严重度分级和 BAD→GOOD 示例
6 种文体模板
教程 · 深度解析 · 对比评测 · 复盘报告 · 速查技巧 · 架构概览——自动匹配最适合的叙事结构
3 遍自审流程
结构审计 → 句式审计 → 读者视角审计，交付前必须全部通过
中文写作模式
黑话词表（20+ 词禁用：闭环、赋能、抓手…）、句式禁令、TL;DR 三段式
具体锚点强制
每段必须含可查证的名词/数字/引用，否则自审标红
图表自动生成
自动为抽象概念生成架构图、数据流图、时序图
工作流程
📤
上传代码
10+ 语言
🔍
架构分析
提取设计决策
🎭
文体匹配
6 种模板
✍️
规则写作
21 条遵守
✅
三遍自审
结构→句式→读者
📄
交付
完整博客
AI 写作 vs 人工写作
| ❌ AI 常见毛病 | ✅ 本 Skill 做法 |
|---|---|
| "let's learn" 教学口吻 | 同行交流，平等直接 |
| "unlock the power of" 废话 | 开门见山，每句承载信息 |
| 未解释的代码块 | 标文件位置 + 做了什么/为什么 |
| "高效的" "鲁棒的" 模糊描述 | 给出具体数字和机制说明 |
| "Great question!" 客服语气 | 答完就停，不做仪式感收尾 |
| 中文黑话：闭环、赋能、抓手 | 具体动作/对象/约束 |
架构图
Tags
Install
skillhub install tech-blog-generator
🔧
Markdown Renderer Fix
一站式修复大模型 SSE 流式输出中的中文乱码、Markdown 渲染异常与前端展示问题。8 阶段数据流全链路排查 + 开箱即用的生产级模板。
CSSv3.0
8 数据阶段
8 修复模式
11 验证案例
1 生产模板
核心特性
决策树定位
快速定位 8 个数据阶段中哪个环节出了问题，不再“修了一处又冒出另一处”
即用修复
每种常见根因的复制粘贴式解决方案，从 tiktoken 解码到 marked.parse() 全覆盖
生产模板
完整聊天 UI 模板：SSE + Markdown + 语法高亮 + 数学公式 + Mermaid 图表
Open Design 整合
6-Token 设计系统统一配色、字体、间距，莫奈花园配色画廊
质量门禁
P0/P1/P2 分级质量门，11 项验证案例确认修复真正生效
诊断脚本
Python 多模式编码健康检查，一键扫描你的服务器编码配置
8 阶段数据流
🧩
tiktoken
后端解码
🐍
Python str
字符串处理
📦
json.dumps
JSON 转义
🔐
UTF-8
编码传输
📡
HTTP
网络传输
📖
Reader
流式读取
🔓
Decoder
TextDecoder
🎨
marked
Markdown 渲染
修复模式目录
1tiktoken 根因
2GBK/UTF-8 混用
3Tokenizer 兼容性
4SSE 流式截断
5Marked.js 配置
6渲染管道异常
7工具调用过滤
8增量渲染优化
架构图
Tags
Install
skillhub install markdown-renderer-fix
🎨
HTML Effectiveness
生成美观、自包含、单文件 HTML 工件。零依赖，浏览器直接打开。把人们略读的文档变成人们真正会阅读的文档。
HTML
13 模式目录
5 维自评审
∞ DevLoop 迭代
0 外部依赖
核心特性
单文件零依赖
无需构建步骤，无 CDN 引用，直接在浏览器打开。一个 HTML 文件包含全部 CSS + JS
13 种模式
状态报告、对比表、时间线、流程图、仪表盘、FAQ、卡片网格等——覆盖 90% 文档场景
5 维自评审
视觉层级 · 响应式 · 交互性 · 性能 · 无障碍，雷达图可视化评分
DevLoop 迭代
质量分 < 4 自动触发修复循环，直到每个维度都达标才输出
美学方向系统
预飞检查后自动选择美学方向：配色、字体、间距、动画风格统一
响应式内置
所有模式自带移动端适配，无需额外处理，桌面/平板/手机三断点
工作流程
🔍
预飞检查
分析用户意图
🎨
美学方向
配色+字体+间距
✍️
编写工件
单文件 HTML
🔍
5 维自审
雷达图评分
🔄
DevLoop
分数<4 迭代
✅
输出
质量分 ≥ 4
13 种模式目录
1状态报告
2对比表
3时间线
4流程图
5仪表盘
6FAQ 折叠
7卡片网格
8数据可视化
9交互式原型
10代码演示
11架构图
12报告文档
13混合模式
5 维评审体系
Tags
Install
skillhub install html-skill-effectiveness