{"id":49565127,"url":"https://github.com/iamzifei/wechat-article-formatter-skill","last_synced_at":"2026-05-03T11:12:58.046Z","repository":{"id":332751731,"uuid":"1133919675","full_name":"iamzifei/wechat-article-formatter-skill","owner":"iamzifei","description":"Claude Skill that format Wechat articles for 微信公众号 (微信公众号文章排版，支持自定义样式)","archived":false,"fork":false,"pushed_at":"2026-03-23T07:58:44.000Z","size":15,"stargazers_count":49,"open_issues_count":1,"forks_count":7,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-03-24T05:10:30.870Z","etag":null,"topics":["ai","claude","claude-code","claude-skill"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/iamzifei.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-01-14T02:00:48.000Z","updated_at":"2026-03-23T07:58:47.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/iamzifei/wechat-article-formatter-skill","commit_stats":null,"previous_names":["iamzifei/wechat-article-formatter-skill"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/iamzifei/wechat-article-formatter-skill","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamzifei%2Fwechat-article-formatter-skill","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamzifei%2Fwechat-article-formatter-skill/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamzifei%2Fwechat-article-formatter-skill/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamzifei%2Fwechat-article-formatter-skill/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/iamzifei","download_url":"https://codeload.github.com/iamzifei/wechat-article-formatter-skill/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/iamzifei%2Fwechat-article-formatter-skill/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32566491,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-03T06:36:36.687Z","status":"ssl_error","status_checked_at":"2026-05-03T06:36:09.306Z","response_time":103,"last_error":"SSL_read: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["ai","claude","claude-code","claude-skill"],"created_at":"2026-05-03T11:12:57.333Z","updated_at":"2026-05-03T11:12:58.040Z","avatar_url":"https://github.com/iamzifei.png","language":"CSS","funding_links":[],"categories":["⭐ 精选第三方技能"],"sub_categories":["📣 平台运营 / 自媒体 / 办公流量"],"readme":"# WeChat Article Formatter Skill\n\nA Claude Code skill that formats markdown files into beautifully styled HTML optimized for WeChat public account articles.\n\n## Features\n\n- Converts Markdown to styled HTML using [bm.md](https://bm.md) rendering service\n- **Automatic local image upload** - Detects local images in markdown, uploads them, and replaces paths with online URLs\n- Custom CSS styling optimized for WeChat article readability\n- Green accent color theme with clean typography\n- Support for GFM (GitHub Flavored Markdown) syntax\n- Code syntax highlighting with green-simple theme\n- Automatic footnote link conversion\n- Optional integration with WeChat article publisher\n\n## Installation\n\nAdd this skill to your Claude Code installation:\n\n```bash\nclaude skill add git@github.com:iamzifei/wechat-article-formatter-skill.git\n```\n\nOr via HTTPS:\n\n```bash\nclaude skill add https://github.com/iamzifei/wechat-article-formatter-skill.git\n```\n\n## Usage\n\nInvoke the skill in Claude Code:\n\n```\n/wechat-article-formatter\n```\n\nThen provide either:\n- A path to your markdown file: `/path/to/my-article.md`\n- Or paste markdown content directly\n\n### Example\n\n```\n/wechat-article-formatter\n\nPlease format my article at ~/articles/tech-post.md\n```\n\nThe skill will:\n1. Read your markdown file\n2. Apply custom WeChat-optimized styling\n3. **Detect and upload local images** (replacing paths with online URLs)\n4. Call the bm.md API to render the HTML\n5. Save the formatted HTML to the same directory\n6. Offer to publish as a draft to your WeChat account\n\n### Image Handling\n\nThe skill automatically handles local images in your markdown:\n\n```markdown\n![My Photo](./images/photo.png)           # Relative path - will be uploaded\n![Screenshot](/Users/james/demo.png)      # Absolute path - will be uploaded\n![Logo](https://example.com/logo.png)     # Online URL - skipped (already online)\n```\n\n**Supported image formats:** PNG, JPG, JPEG, GIF, WebP, SVG\n\nImages are uploaded using the `/image-upload` skill and replaced with shareable URLs (e.g., Catbox, ImgBB).\n\n## Output\n\nThe formatted HTML includes:\n- Inline CSS styles (no external dependencies)\n- WeChat-compatible markup\n- Properly styled headings, paragraphs, lists, and code blocks\n- Responsive design for mobile reading\n\n## Customization\n\n### Modifying Styles\n\nEdit `styles/custom.css` to customize the appearance:\n\n- **Primary color**: `rgb(53, 179, 120)` (green accent)\n- **Font family**: Optima, Microsoft YaHei, PingFangSC-regular\n- **Base font size**: 16px (body), 15px (paragraphs)\n\n### API Configuration\n\nThe skill uses the following bm.md API settings:\n\n| Parameter | Value | Description |\n|-----------|-------|-------------|\n| `markdownStyle` | `green-simple` | Base styling theme for rendered output |\n| `platform` | `wechat` | Output optimized for WeChat |\n| `enableFootnoteLinks` | `true` | Convert links to footnotes |\n| `openLinksInNewWindow` | `true` | Links open in new window |\n| `customCss` | (from `styles/custom.css`) | Custom CSS passed as string |\n\n## Integration\n\nThis skill works with:\n\n- **[image-upload](https://github.com/iamzifei/image-upload-skill)** - Automatically uploads local images referenced in your markdown to online hosting providers\n- **[WeChat Article Publisher](https://github.com/iamzifei/wechat-article-publisher-skill)** - Optionally publish formatted articles as drafts to your WeChat public account\n\n## Project Structure\n\n```\nwechat-article-formatter-skill/\n├── skill.md          # Skill definition and instructions\n├── styles/\n│   └── custom.css    # Custom CSS for article styling\n└── README.md         # This file\n```\n\n## Requirements\n\n- Claude Code CLI\n- Internet access for bm.md API calls\n- `/image-upload` skill installed (for local image support)\n\n## License\n\nMIT License\n\n## Author\n\nCreated for use with Claude Code.\n\n## Related\n\n- [bm.md](https://bm.md) - Markdown rendering service\n- [wechat-article-publisher-skill](https://github.com/iamzifei/wechat-article-publisher-skill) - Publish articles to WeChat\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiamzifei%2Fwechat-article-formatter-skill","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fiamzifei%2Fwechat-article-formatter-skill","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fiamzifei%2Fwechat-article-formatter-skill/lists"}