From 5e210a5215f4a38886b5cb90cf93118ea1de2799 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=83=AD=E6=B5=A9?= Date: Sat, 25 Apr 2026 10:27:50 +0800 Subject: [PATCH] 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 --- README.en.md | 18 ++++++++++++------ README.md | 18 ++++++++++++------ SKILL.md | 4 ++-- references/components.md | 2 +- 4 files changed, 27 insertions(+), 15 deletions(-) diff --git a/README.en.md b/README.en.md index a8f467e..4104cd0 100644 --- a/README.en.md +++ b/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 diff --git a/README.md b/README.md index 5880489..9de4972 100644 --- a/README.md +++ b/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/ diff --git a/SKILL.md b/SKILL.md index e114530..6f7f9e5 100644 --- a/SKILL.md +++ b/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 ← 完整的可运行模板（种子文件） diff --git a/references/components.md b/references/components.md index 0b872f3..02d09c8 100644 --- a/references/components.md +++ b/references/components.md @@ -1,6 +1,6 @@ # 组件参考 · Components -这是 `magazine-web-ppt` skill 的组件手册。template.html 已经定义好了所有样式，这里只写"这个组件长什么样、怎么用"。 +这是 `guizang-ppt-skill` skill 的组件手册。template.html 已经定义好了所有样式，这里只写"这个组件长什么样、怎么用"。 ## 目录