From yangsonhung-awesome-agent-skills
Extract visual styles from WeChat Official Account articles and generate theme configuration. Use when the user provides a WeChat article URL and wants to derive a markdown-wechat-converter theme, inject it into markdown-to-wechat.html, or preview the generated result.
npx claudepluginhub joshuarweaver/cascade-content-creation-misc-1 --plugin yangsonhung-awesome-agent-skillsThis skill uses the workspace's default tool permissions.
Extract layout and style signals from a WeChat Official Account article, then generate a reusable theme for `markdown-wechat-converter`.
Searches, retrieves, and installs Agent Skills from prompts.chat registry using MCP tools like search_skills and get_skill. Activates for finding skills, browsing catalogs, or extending Claude.
Searches prompts.chat for AI prompt templates by keyword or category, retrieves by ID with variable handling, and improves prompts via AI. Use for discovering or enhancing prompts.
Checks Next.js compilation errors using a running Turbopack dev server after code edits. Fixes actionable issues before reporting complete. Replaces `next build`.
Extract layout and style signals from a WeChat Official Account article, then generate a reusable theme for markdown-wechat-converter.
Use this skill when the user:
mp.weixin.qq.com article URLmarkdown-wechat-convertermarkdown-to-wechat.html and previewedDo not use this skill when:
markdown-wechat-converter or markdown-to-wechat.htmlscripts/extract.py to fetch the article HTML and extract the title and js_content..extracted_content.html and analyze style traits directly from the HTML.markdown-wechat-converter.markdown-to-wechat.html in the current workspace and inject the new theme without breaking existing theme definitions.markdown-to-wechat.html in the browser for preview.User provides URL
-> run extractor script
-> produce .extracted_content.html
-> analyze styles
-> generate theme config
-> write into markdown-to-wechat.html
-> verify write result
-> open preview
python3 scripts/extract.py "https://mp.weixin.qq.com/s/xxxxx"
The Python script only:
js_content body fragment.extracted_content.htmlThe AI handles:
markdown-to-wechat.htmlWhen updating markdown-to-wechat.html, follow these rules:
Find the real theme source first.
const assignments before editing.Preserve the existing structure.
Add, do not overwrite blindly.
Keep the change scoped.
Verify after writing.
Generate a theme object that matches the target file's existing structure. Use this as a minimal reference shape:
{
id: "wechat-clean-blue",
name: "WeChat Clean Blue",
styles: {
body: {
fontFamily: "\"PingFang SC\", \"Helvetica Neue\", sans-serif",
fontSize: "16px",
color: "#2b2b2b",
lineHeight: "1.75",
backgroundColor: "#ffffff"
},
h1: {
fontSize: "24px",
fontWeight: "700",
textAlign: "center",
color: "#1f3a5f"
},
h2: {
fontSize: "20px",
fontWeight: "700",
color: "#1f3a5f",
borderBottom: "2px solid #9ec1ff"
},
blockquote: {
color: "#4a5568",
backgroundColor: "#f7fbff",
borderLeft: "4px solid #7fb3ff",
padding: "12px 16px"
}
}
}
When writing:
markdown-to-wechat.htmlscripts/.extracted_content.html: extracted article body HTML with title and source URL comments at the top.extracted_content.html exists and is not emptyjs_content were extractedmarkdown-to-wechat.html