# Beautiful Article (agent skill)

> Beautiful Article is an agent skill (a SKILL.md file) from ConardLi/garden-skills. 把用户提供的素材（网页 URL / PDF / DOCX / Markdown / 纯文本 / 截图 / 粘贴材料）编辑、设计成一篇美丽的、可离线打开和分享的单文件 HTML 网页文章。基于 reacticle 组件协议：不手写裸 HTML/CSS，而用语义组件 + 受主题约束的 Raw 自由层；按 source→规划→双确认→生成→终审→修复的小型 harness 流程推进，默认 100%. It works with Claude Code, Codex and Cursor and has 12,759 GitHub stars across a repository of 4 listed skills.

把用户提供的素材（网页 URL / PDF / DOCX / Markdown / 纯文本 / 截图 / 粘贴材料）编辑、设计成一篇美丽的、可离线打开和分享的单文件 HTML 网页文章。基于 reacticle 组件协议：不手写裸 HTML/CSS，而用语义组件 + 受主题约束的 Raw 自由层；按 source→规划→双确认→生成→终审→修复的小型 harness 流程推进，默认 100% 信息保留的长文。触发场景：把 URL/PDF/DOCX/文章做成网页文章 / 长文 / briefing / 解释文 / 视觉文章 / 教程 / 审阅复盘 / 方案分析，'render this as a beautiful web article / 把这篇做成网页文章 / 生成一篇可分享的 HTML 长文 / reacticle 文章'。只生成文章，不生成后台、表单、dashboard、产品原型或通用 Web App。 AI 生成内容越复杂，输出媒介越重要。HTML…

## Key facts

| Fact | Value |
|---|---|
| Repository | https://github.com/ConardLi/garden-skills |
| Skill path | skills/beautiful-article/SKILL.md |
| Skill name | beautiful-article |
| GitHub stars | 12,759 |
| Installs on skills.sh | not listed |
| License | MIT |
| Skills in repo | 4 |
| Plugin marketplace | garden-skills |
| Official | no |
| Works with | Claude Code, Codex, Cursor |
| Category | Docs & writing |
| Last commit | Jul 12, 2026 |

## Add this skill

### Claude Code

```sh
/plugin marketplace add ConardLi/garden-skills
/plugin install beautiful-article-skills@garden-skills
```

In the Claude apps, zip the skill folder and upload it under Customize > Skills > + > Upload a skill (code execution must be on).

### ChatGPT / Codex

```sh
git clone --depth 1 https://github.com/ConardLi/garden-skills.git
cp -r garden-skills/skills/beautiful-article .agents/skills/beautiful-article   # repo; ~/.agents/skills for all projects
```

### Cursor

```sh
git clone --depth 1 https://github.com/ConardLi/garden-skills.git
cp -r garden-skills/skills/beautiful-article .cursor/skills/beautiful-article   # project; ~/.cursor/skills for all projects
```

Sources (checked 2026-10-07): https://code.claude.com/docs/en/skills, https://support.claude.com/en/articles/12512180-using-skills-in-claude, https://learn.chatgpt.com/docs/build-skills, https://cursor.com/docs/context/skills

---

Canonical page: https://appsgit.com/skills/conardli-beautiful-article
Source: appsgit (https://appsgit.com), the app store for github. Data from the GitHub API, refreshed nightly.
Machine access: JSON API https://appsgit.com/api/v1/apps (OpenAPI: https://appsgit.com/openapi.json), MCP server https://mcp.appsgit.com/mcp, full index https://appsgit.com/llms-full.txt.