Skip to content
appsgit

Beautiful Article

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.

github.com/ConardLi/garden-skills/skills/beautiful-article (opens in a new tab)

View on GitHub (opens in a new tab)

Add this skill

Claude

This repository is a Claude Code plugin marketplace. In Claude Code:

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

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

ChatGPT / Codex

Codex reads skills from .agents/skills/ in a repo or ~/.agents/skills/ for every project:

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

Standalone skills also load in the ChatGPT desktop app.

Cursor

Cursor loads skills from .cursor/skills/ (or ~/.cursor/skills/) and also reads .claude/skills/:

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

Source (checked Oct 7, 2026): code.claude.com/docs/en/skills (opens in a new tab), code.claude.com/docs/en/plugin-marketplaces (opens in a new tab), support.claude.com/en/articles/12512180-using-skills-in-claude (opens in a new tab), learn.chatgpt.com/docs/build-skills (opens in a new tab), cursor.com/docs/context/skills (opens in a new tab)

What this skill does

把用户提供的素材（网页 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…

More skills in ConardLi/garden-skills

4 skills are listed from this repository.

Similar skills

More docs & writing skills

All Docs & writing

FAQ

Beautiful Article FAQ

Still curious? Email info@appsgit.com.

What is the Beautiful Article 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. Its SKILL.md lives at github.com/ConardLi/garden-skills/skills/beautiful-article.

How do I install the Beautiful Article skill?

In Claude Code, run /plugin marketplace add ConardLi/garden-skills and then /plugin install beautiful-article-skills@garden-skills. For Codex or Cursor, copy the beautiful-article folder into .agents/skills/ or .cursor/skills/.

Is the Beautiful Article skill free?

Yes. The repository is open source under the MIT license.

Is Beautiful Article maintained?

The repository's most recent commit was on Jul 12, 2026. Its latest release is web-design-engineer-v1.3.0. appsgit only lists skills from repositories with a commit in the last six months.