solar-luna/fully-automatic-article-generation-skill
Overview
This skill converts Markdown articles into polished HTML optimized for WeChat Official Account (公众号) publishing using an AI-focused visual theme. It applies professional CSS, code syntax highlighting, responsive layout, and custom components like info cards and badges to create consistent, publish-ready content. The tool speeds up formatting tasks and reduces manual cleanup after paste into the WeChat editor.
How this skill works
The skill parses a provided .md file or pasted Markdown, maps custom shortcodes (::: info / success / warning / danger / tech, and [!BADGE]) to styled HTML components, and injects an AI-tech CSS theme with Atom One Dark code highlighting. It removes H1 from the body (WeChat title handled separately), inlines styles for portability, and optionally opens a preview in the browser. Basic validation checks (title, code blocks, cards, badges, image paths, tables) are produced to guide quick fixes.
When to use it
- You have a Markdown article ready for WeChat and want a professional layout quickly.
- You need consistent visual styling across multiple WeChat posts in the AI domain.
- You want syntax-highlighted code blocks and special components (cards, badges) preserved.
- You prefer an automated preview before copying HTML into the WeChat editor.
- You need to convert the latest generated .md file from a writing tool without manual steps.
Best practices
- Provide the Markdown file path or paste content; confirm which .md to use if multiple exist.
- Specify code block languages (```python) to ensure proper syntax highlighting.
- Use the ::: and [!TAG] syntaxes exactly as documented for cards and badges.
- Check the generated HTML preview and upload local images to WeChat editor after pasting.
- Keep complex tables to four columns or fewer, or convert wide tables to images.
Example use cases
- Turn a technical AI blog post written in Markdown into a WeChat-ready HTML with badges and info cards.
- Automate formatting for a weekly newsletter so all posts share the same AI-tech visual identity.
- Quickly preview and correct code block styling before publishing tutorials to WeChat.
- Batch-convert the latest draft from a writer tool and open a browser preview for final review.
- Prepare posts that include model comparisons, prompts, and API samples using specialized components.
FAQ
Upload local images manually in the WeChat editor after pasting; the converter leaves original src values so you can replace them.
Why is there no H1 in the HTML body?
H1 is omitted because WeChat provides a separate title field; a comment in the HTML reminds you to fill the editor title.
How do I fix missing code highlighting?
Ensure the Markdown code fences include the language identifier (e.g., ```python) and re-run the conversion.
