메뉴
Formats Markdown content into HTML strictly adhering to the WeChat Official Account aesthetic styling rules.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
重新设计的博客头图生成器，采用 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 感"、"改写文章"、"让文章更自然"时使用。
| 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.