Composition Patterns 智能体技能

介绍可复用的 React 组合方式，包括复合组件、render props 和 context。

发布者：vercel-labsvercel-labs/agent-skills/composition-patterns

.install .install-tabs{display:none}.install .install-panel[hidden]{display:block}@media (max-width:767px){.install .install-panel[hidden]{display:flex}}.install .install-panel+.install-panel{border-top:1px solid var(--line)}.install .install-panel-label{display:block}.install .install-all{display:none}

安装

选择客户端，然后复制命令。

Claude Code

个人技能目录 ~/.claude/skills（单个项目用 .claude/skills）

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278
mkdir -p ~/.claude/skills && cp -R skills/composition-patterns ~/.claude/skills/composition-patterns

Codex

此条目尚未核实 Codex 配置片段

兼容性未确认，因此不提供可直接复制的安装命令。可从固定版本检出开始，并按来源文档确定文件夹放置位置。

固定版本检出（所有客户端相同）

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278

阅读固定版本配置文档 Codex 技能文档

Cursor

此条目尚未核实 Cursor 配置片段

兼容性未确认，因此不提供可直接复制的安装命令。可从固定版本检出开始，并按来源文档确定文件夹放置位置。

固定版本检出（所有客户端相同）

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278

阅读固定版本配置文档

Git

检出固定版本

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278

任意智能体

粘贴到智能体对话中

Read the source at https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/composition-patterns/SKILL.md (pinned revision 063bee94c3f4). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

如何安装 Claude Code 技能：对比文件夹、插件与 CLI 方式

全部客户端说明（无需 JavaScript）

Claude Code

个人技能目录 ~/.claude/skills（单个项目用 .claude/skills）

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278
mkdir -p ~/.claude/skills && cp -R skills/composition-patterns ~/.claude/skills/composition-patterns

Codex

尚未核实此客户端的专用配置片段。请查阅下方通用配置和固定版本来源；兼容性未确认。

阅读固定版本来源

Cursor

尚未核实此客户端的专用配置片段。请查阅下方通用配置和固定版本来源；兼容性未确认。

阅读固定版本来源

Git

检出固定版本

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278

任意智能体

粘贴到智能体对话中

Read the source at https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/composition-patterns/SKILL.md (pinned revision 063bee94c3f4). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

收录 ≠ 审计。代码片段依据固定版本的来源文档；运行前请检查来源和脚本。本页面不会安装任何内容。

来源记录

仓库: vercel-labs/agent-skills
来源文件: skills/composition-patterns/SKILL.md
固定版本: 063bee9
上游提交日期: 2026 年 8 月 28 日
最近核验: 2026 年 10 月 17 日
许可: MIT

没有评分，不会自动安装。与发布者无隶属关系。

你将打开的内容

包含智能体指令的公开 SKILL.md。请打开固定版本来源，检查完整范围、依赖和权限。

如何配置

打开固定版本的 SKILL.md，阅读指令和随附脚本。
使用安装卡片中的代码片段，将技能文件夹复制到客户端的技能目录。
开启新会话，并提出该技能所描述的任务。

添加前请检查

先阅读指令并检查脚本，再决定是否执行。
检查工具权限、所需凭据和外部网络请求。
以来源许可和资源专属条款为准。

你将打开的内容

如何配置

添加前请检查

vercel-labs/agent-skills 的更多条目

其他 Claude 技能