Skip to content

lkttle/html-richtext-typesetting

Repository files navigation

HTML Rich Text Typesetting - Cursor Agent Skill

将 Markdown 或纯文本转换为针对特定平台优化的 HTML 富文本,所有样式通过 style="" 内联,确保在目标平台粘贴后完美保留排版效果。

✨ 功能特性

  • 多平台适配:支持微信公众号、小红书、知乎、V2EX、掘金等主流内容平台
  • 内联样式:所有样式通过 style="" 内联,兼容富文本编辑器粘贴
  • 中文排版规范:中英文间距、全角标点、专有名词大小写等自动处理
  • 按需加载:仅加载目标平台的样式方案,节省上下文空间
  • 爆款风格:每个平台方案都包含爆款内容的结构与风格特征

📂 项目结构

html-richtext-typesetting/
├── SKILL.md                  # 技能入口文件(Cursor Agent Skill 定义)
├── html-base-styles.md       # 通用 HTML 元素内联样式参考
├── platform-wechat.md        # 微信公众号排版方案
├── platform-xiaohongshu.md   # 小红书排版方案
├── platform-zhihu.md         # 知乎排版方案
├── platform-v2ex.md          # V2EX 排版方案
├── platform-juejin.md        # 掘金排版方案
├── LICENSE                   # MIT 许可证
└── README.md                 # 项目说明

🚀 使用方式

作为 Cursor Agent Skill 使用

  1. 将本项目克隆到你的 Cursor Skills 目录下(如 ~/.cursor/skills/
  2. 在 Cursor 中,AI Agent 会自动识别并加载此技能
  3. 对话中要求 Agent 进行富文本排版即可触发

触发示例

  • "把这篇文章转为微信公众号格式"
  • "帮我排版成小红书风格"
  • "转为知乎文章格式"
  • "生成适合掘金的技术博客排版"
  • "用 V2EX 的风格排版这段内容"

📋 支持平台

平台 配置文件 风格关键词
微信公众号 platform-wechat.md 克制留白、微信蓝、品牌色体系
小红书 platform-xiaohongshu.md emoji 密集、色块分割、卡片感
知乎 platform-zhihu.md 理性简洁、长文深度、数据支撑
V2EX platform-v2ex.md 极简纯文本、代码优先、无装饰
掘金 platform-juejin.md 技术教程风、代码高亮、目录导航

🔧 排版规范

中文排版基本规则

规则 正确 ✅ 错误 ❌
中英文间加空格 在 LeanCloud 上 在LeanCloud上
中文与数字间加空格 花了 5000 元 花了5000元
全角标点无空格 iPhone,好开心! iPhone ,好开心!
专有名词正确大小写 GitHubJavaScript githubJavascript

通用排版参数

参数 基线值 说明
正文字号 16px 移动端最低可读字号
行高 1.75 中文阅读舒适区
字间距 0.5px 中文适当加宽
段间距 1em 段落间留白
正文色 #3e3e3e 避免纯黑,降低视觉压力

📄 许可证

本项目基于 MIT License 开源。

🤝 贡献

欢迎提交 Issue 和 Pull Request!你可以:

  • 🐛 报告排版问题或兼容性 Bug
  • 💡 建议新的平台支持
  • 📝 改进现有平台的排版方案
  • 🌐 添加国际化平台支持(Medium、Dev.to 等)

About

Cursor 代理技能:将 Markdown / 纯文本转换为带有内联样式的平台优化型 HTML 富文本。支持微信、小红书、知乎、V2EX、掘金等多个平台。

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors