メニュー
Formats Markdown content into HTML strictly adhering to the WeChat Official Account aesthetic styling rules.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
重新设计的博客头图生成器，采用 HTML/SVG 方案，生成 900x363 高清宽屏图，内置 1:1 社交媒体安全区。
通过编写高颜值 HTML/CSS 代码并进行浏览器截图，快速生成专业、美观的博客或报告配图。 Triggers when user mentions: - "生成插图" - "制作信息图" - "generate infographic" - "create blog illustration" - "HTML 配图生成"
苏格拉底式洞察挖掘工具。在撰写博客前，通过与作者的“逻辑碰撞”挖掘深度洞察。适用于已有原始素材或主题，但尚未形成深刻核心论点的场景。
Helps the user write structured, professional blog posts about AI products and enterprise AI adoption. Use when the user asks to write, outline, draft, or refine a blog post in KKJM's style for the AI4PM project.
输入一篇 Markdown 文档，按照中文去 AI 味完整规则进行改写，输出一篇风格自然、表达克制、信息密度高的新 Markdown 文档。当用户要求"去 AI 味"、"去掉 AI 感"、"改写文章"、"让文章更自然"时使用。
SOC 職業分類に基づく
| name | wechat-formatter |
| description | Formats Markdown content into HTML strictly adhering to the WeChat Official Account aesthetic styling rules. |
| metadata | {"author":"KK"} |
This skill is responsible for transforming standard Markdown files (like blog posts) into a fully styled HTML document that can be directly copy-pasted into the WeChat Official Account rich text editor.
To take an input Markdown content and produce an output HTML where every element (headings, paragraphs, lists, quotes, strong tags) has specific inline CSS perfectly matching the KKJM brand's WeChat aesthetic.
Whenever the user requests to format a blog post for WeChat, or explicitly asks to use the wechat-formatter skill:
.md file in the workspace (e.g., content/blogs/blog14.md).format.js script to process the markdown file and generate the styled HTML.
node skills/wechat-formatter/scripts/format.js <path-to-markdown-file> <path-to-output-html>
cd <project-root>
node skills/wechat-formatter/scripts/format.js content/blogs/blog14.md public/wechatblog14.html
The script uses marked to parse markdown. It overrides default renderers to inject the following exact inline styles based on the Inspire Design System:
MiSans typography.#10213E), 22px, with a Stacks SVG Icon and Creative Blue left border.#10213E), line-height 1.8.#F5F5F6), Amethyst (#625D9C) left border, muted text.#625D9C) color for emphasis.After generating the output HTML, confirm with the user if they want to preview it or if they need any manual adjustments to the generated styling.