US$8.99/月,访问全部 Premium Skills,随时取消。See plans
网页 · 幻灯片 · 视频

Claude幻灯片、网站、视频和图像的代码技能

以“在 claude-code 中验证第一个工作流”为目标选择。比较下方示例,准备自己的材料,阅读运行要求后再安装。

Works inClaude CodeCodexCursorGemini CLIGitHub CopilotOpenCodeKimi CodeOpenClaw
ImageFree
Hand-Drawn Visual Notes
00

使用 Hand-Drawn Visual Notes,可以从“把来源材料整理成一个视觉要点”这个任务开始。先明确受众需要理解什么,再用预览判断这种形式是否适合。

开始制作前的三个判断

Skill 是一个包含 SKILL.md 文件的文件夹。Claude·科德(Claude Code)读了它并且知道如何做这类工作。

技能指南

安装并使用技能

浏览 Skill Library 库、登录并打开已发布的技能。选择“下载”以获取其 ZIP 包。您的帐户必须有权访问所选技能。

从 ZIP 安装

  1. 将下载的 ZIP 解压缩到单独的文件夹中。
  2. 阅读 SKILL.md 并检查所需的工具和依赖项。
  3. 要求您的 AI 智能体将提取的文件夹安装到您选择的工作区中。
  4. 在将其用于您的项目之前,运行一个小示例并查看结果。

更新

从技能页面下载新发布的版本。在替换现有安装之前备份本地更改。

Skill Library 目前支持网站下载。 CLI 安装和自动更新不可用。

浏览技能 →

技能指南

安装并使用技能

浏览 Skill Library 库、登录并打开已发布的技能。选择“下载”以获取其 ZIP 包。您的帐户必须有权访问所选技能。

从 ZIP 安装

  1. 将下载的 ZIP 解压缩到单独的文件夹中。
  2. 阅读 SKILL.md 并检查所需的工具和依赖项。
  3. 要求您的 AI 智能体将提取的文件夹安装到您选择的工作区中。
  4. 在将其用于您的项目之前,运行一个小示例并查看结果。

更新

从技能页面下载新发布的版本。在替换现有安装之前备份本地更改。

Skill Library 目前支持网站下载。 CLI 安装和自动更新不可用。

浏览技能 →

技能指南

安装并使用技能

浏览 Skill Library 库、登录并打开已发布的技能。选择“下载”以获取其 ZIP 包。您的帐户必须有权访问所选技能。

从 ZIP 安装

  1. 将下载的 ZIP 解压缩到单独的文件夹中。
  2. 阅读 SKILL.md 并检查所需的工具和依赖项。
  3. 要求您的 AI 智能体将提取的文件夹安装到您选择的工作区中。
  4. 在将其用于您的项目之前,运行一个小示例并查看结果。

更新

从技能页面下载新发布的版本。在替换现有安装之前备份本地更改。

Skill Library 目前支持网站下载。 CLI 安装和自动更新不可用。

浏览技能 →

从一份小样开始

Three steps in Claude Code, Codex or Cursor. No design app needed.

  1. 1

    检查技能包

    获得访问权限后下载,阅读 SKILL.md,确认依赖与额外费用。

    Download the ZIP from this Skill page, extract it, and follow SKILL.md.
  2. 2

    先安排一个小任务

    让智能体先围绕“在 claude-code 中验证第一个工作流”制作草稿。提供来源材料,不依赖示例事实。

    /bs-hand-drawn-visual-notes Turn this product brief into a 10-slide launch deck
  3. 3

    检查后再扩展

    对照已安装智能体版本检查包内要求,先运行小例子再扩展任务。

    image.png

一份有效需求的三个部分

部分需要说明什么
结果在 claude-code 中验证第一个工作流
依据已经确认的来源材料,以及明确标出的缺失事实。
验收对照已安装智能体版本检查包内要求,先运行小例子再扩展任务。

Every Skill, one plan

Install any Skill on this page and every new one we add. Cancel anytime.

技能指南

安装并使用技能

浏览 Skill Library 库、登录并打开已发布的技能。选择“下载”以获取其 ZIP 包。您的帐户必须有权访问所选技能。

从 ZIP 安装

  1. 将下载的 ZIP 解压缩到单独的文件夹中。
  2. 阅读 SKILL.md 并检查所需的工具和依赖项。
  3. 要求您的 AI 智能体将提取的文件夹安装到您选择的工作区中。
  4. 在将其用于您的项目之前,运行一个小示例并查看结果。

更新

从技能页面下载新发布的版本。在替换现有安装之前备份本地更改。

Skill Library 目前支持网站下载。 CLI 安装和自动更新不可用。

浏览技能 →

技能指南

安装并使用技能

浏览 Skill Library 库、登录并打开已发布的技能。选择“下载”以获取其 ZIP 包。您的帐户必须有权访问所选技能。

从 ZIP 安装

  1. 将下载的 ZIP 解压缩到单独的文件夹中。
  2. 阅读 SKILL.md 并检查所需的工具和依赖项。
  3. 要求您的 AI 智能体将提取的文件夹安装到您选择的工作区中。
  4. 在将其用于您的项目之前,运行一个小示例并查看结果。

更新

从技能页面下载新发布的版本。在替换现有安装之前备份本地更改。

Skill Library 目前支持网站下载。 CLI 安装和自动更新不可用。

浏览技能 →

技能指南

安装并使用技能

浏览 Skill Library 库、登录并打开已发布的技能。选择“下载”以获取其 ZIP 包。您的帐户必须有权访问所选技能。

从 ZIP 安装

  1. 将下载的 ZIP 解压缩到单独的文件夹中。
  2. 阅读 SKILL.md 并检查所需的工具和依赖项。
  3. 要求您的 AI 智能体将提取的文件夹安装到您选择的工作区中。
  4. 在将其用于您的项目之前,运行一个小示例并查看结果。

更新

从技能页面下载新发布的版本。在替换现有安装之前备份本地更改。

Skill Library 目前支持网站下载。 CLI 安装和自动更新不可用。

浏览技能 →

Cancel anytime. Payments are non-refundable.

Claude·代码技能常见问题解答

如何在 Claude Code 中安装技能?

Download the ZIP from this Skill page, extract it, and follow SKILL.md.

为什么 Claude Code 看不到我安装的技能?

Claude Code 只读取 ~/.claude/skills/ (或项目内的 .claude/skills/ )。使用 --agent claude-code 安装;如果没有它,CLI 将使用 ~/.agents/skills/,而 Claude Code 不会读取该内容。

同样的技能在其他特工身上也适用吗?

是的。 Skill Library Skills 遵循开放的 SKILL.md 格式,因此一项 Skill 适用于 Claude Code、Codex、Cursor、Gemini CLI、OpenCode 和 Antigravity。仅安装文件夹发生变化。

有免费技能吗?

是的。有些技能可以通过 Skill Library 帐户免费安装;其余的则有 Skill Library 计划。

其他特工的技能

为您的下一个项目找到合适的技能

网站、幻灯片、视频和图像都集中在一处。

Browse all Skills