Rename skill to guizang-ppt-skill, add npx install

- Update skill name in SKILL.md frontmatter and directory diagrams
- Update components.md skill reference
- Add `npx skills add` one-liner as the recommended install method
- Fix install paths to match the renamed directory

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

README.en.md

@@ -23,21 +23,27 @@ A [Claude Code / Claude Agent Skills](https://agentskills.io/) skill that genera
 
 ## Install
 
-### Option 1: Paste this to an AI (recommended)
+### Option 1: One-line install (recommended)
+
+```bash
+npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
+```
+
+### Option 2: Paste this to an AI
 
 > Install the `guizang-ppt-skill` Claude Code skill for me. Steps:
 >
 > 1. Make sure `~/.claude/skills/` exists (create if not)
-> 2. Run `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt`
-> 3. Verify: `ls ~/.claude/skills/magazine-web-ppt/` should show `SKILL.md`, `assets/`, `references/`
+> 2. Run `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill`
+> 3. Verify: `ls ~/.claude/skills/guizang-ppt-skill/` should show `SKILL.md`, `assets/`, `references/`
 > 4. Tell me when done. Later, saying things like "make me a magazine-style deck" will trigger this skill.
 
 Paste the block above into Claude Code / Cursor / any AI agent with shell access and it handles the install.
 
-### Option 2: Manual CLI
+### Option 3: Manual CLI
 
 ```bash
-git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt
+git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill
 ```
 
 ### How to trigger it
@@ -65,7 +71,7 @@ Full spec in [`SKILL.md`](./SKILL.md).
 ## Directory
 
 ```
-magazine-web-ppt/
+guizang-ppt-skill/
 ├── SKILL.md              ← main skill file: workflow, principles, common mistakes
 ├── README.md             ← Chinese README
 ├── README.en.md          ← this file

README.md

@@ -25,21 +25,27 @@
 
 ## 安装
 
-### 方式一:把下面这段话直接发给 AI(推荐)
+### 方式一:一行命令安装(推荐)
+
+```bash
+npx skills add https://github.com/op7418/guizang-ppt-skill --skill guizang-ppt-skill
+```
+
+### 方式二:把下面这段话直接发给 AI
 
 > 帮我安装 `guizang-ppt-skill` 这个 Claude Code skill。请按下面步骤做:
 >
 > 1. 确保 `~/.claude/skills/` 目录存在(不存在就创建)
-> 2. 执行 `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt`
-> 3. 验证:`ls ~/.claude/skills/magazine-web-ppt/` 应该看到 `SKILL.md`、`assets/`、`references/` 三项
+> 2. 执行 `git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill`
+> 3. 验证:`ls ~/.claude/skills/guizang-ppt-skill/` 应该看到 `SKILL.md`、`assets/`、`references/` 三项
 > 4. 告诉我安装好了,之后我说"做一份杂志风 PPT"之类的话就会触发这个 skill
 
 把这段话复制粘贴给 Claude Code / Cursor / 任何有 shell 权限的 AI Agent,它会自动完成安装。
 
-### 方式二:手动命令行
+### 方式三:手动命令行
 
 ```bash
-git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/magazine-web-ppt
+git clone https://github.com/op7418/guizang-ppt-skill.git ~/.claude/skills/guizang-ppt-skill
 ```
 
 ### 触发方式
@@ -67,7 +73,7 @@ Skill 本身是结构化的 6 步工作流,Claude 会逐步引导:
 ## 目录结构
 
 ```
-magazine-web-ppt/
+guizang-ppt-skill/
 ├── SKILL.md              ← Skill 主文件:工作流、原则、常见错误
 ├── README.md             ← 本文件
 ├── assets/

SKILL.md

@@ -1,5 +1,5 @@
 ---
-name: magazine-web-ppt
+name: guizang-ppt-skill
 description: 生成"电子杂志 × 电子墨水"风格的横向翻页网页 PPT（单 HTML 文件），含 WebGL 流体背景、衬线标题 + 非衬线正文、章节幕封、数据大字报、图片网格等模板。当用户需要制作分享 / 演讲 / 发布会风格的网页 PPT，或提到"杂志风 PPT"、"horizontal swipe deck"、"editorial magazine"、"e-ink presentation"时使用。
 ---
 
@@ -223,7 +223,7 @@ open "项目/XXX/ppt/index.html"
 ## 资源文件导览
 
 ```
-magazine-web-ppt/
+guizang-ppt-skill/
 ├── SKILL.md              ← 你正在读
 ├── assets/
 │   └── template.html     ← 完整的可运行模板（种子文件）

references/components.md

@@ -1,6 +1,6 @@
 # 组件参考 · Components
 
-这是 `magazine-web-ppt` skill 的组件手册。template.html 已经定义好了所有样式，这里只写"这个组件长什么样、怎么用"。
+这是 `guizang-ppt-skill` skill 的组件手册。template.html 已经定义好了所有样式，这里只写"这个组件长什么样、怎么用"。
 
 ## 目录