C✳CODEZ.WIN
🌐 简体中文

Skill 多语言阅读指南

vercel-composition-patterns用途、用法与原始来源

可扩展的 React 组件组合模式。适用于重构包含大量布尔属性的组件、构建灵活的组件库或设计可重用的 API。触发条件为涉及复合组件、渲染属性、上下文提供程序或组件架构的任务。包含 React19API变更。

原文采集时间:

来源仓库
vercel-labs/agent-skills
SKILL.md
skills/composition-patterns/SKILL.md
仓库 Star
33,269
仓库最近更新
2026/10/29
能力分类
开发
最近采集时间

许可:未标明

流程片段用于帮助阅读上游说明。本页没有执行第三方 Skill,不属于实测评测。

下面的用途和操作片段来自上游文档,由本站整理并翻译,和另行标注的 Codez 编辑分析分开展示。

这个 Skill 能做什么

可扩展的 React 组件组合模式。适用于重构包含大量布尔属性的组件、构建灵活的组件库或设计可重用的 API。触发条件为涉及复合组件、渲染属性、上下文提供程序或组件架构的任务。包含 React19API变更。

如何使用:上游操作流程

如何使用

请阅读各个规则文件以获取详细说明和代码示例:每个规则文件包含:简要说明其重要性;以及一个带有解释的错误代码示例。

原文片段 · L71 ↗

何时申请

在以下情况下请参考这些准则:重构包含大量布尔属性的组件;构建可重用的组件库;设计灵活的组件 API。

原文片段 · L22 ↗

React组合模式

用于构建灵活、易于维护的 React 组件的组合模式。通过使用复合组件、提升状态和组合内部组件,避免布尔属性泛滥。这些模式使代码库在扩展过程中更易于人类和 AI 代理使用。

原文片段 · L15 ↗
原文片段 · ↗
rules/architecture-avoid-boolean-props.md
rules/state-context-interface.md

环境与依赖

本次未从该文件选出独立的环境要求片段,不代表无需依赖。请继续核对仓库的安装说明和引用文件。

限制与结果检查

本次未从该文件选出独立的限制片段,不代表适用于所有输入或环境。请阅读完整原文,并自行验证实际结果。

开始使用前

  1. 先核对支持的 Agent 宿主和仓库安装说明。保留完整 Skill 目录及其引用的脚本、资源和文档,只复制 SKILL.md 可能漏掉依赖。
  2. 向 Agent 提供实际输入、期望输出和验收标准。调用方式与可用工具取决于宿主环境,本站不假定存在通用的安装命令。
  3. 先在临时项目或输入副本上试用。涉及修改文件、远程服务或计费资源的操作,应逐项核对后再授权。
  4. 按照原文检查项和自己的需求验证输出。成功触发或仓库 Star 较高,都不能证明结果正确。

Skill 文件与目录格式规范 ↗

继续阅读原始文档

翻译与介绍范围

本页从固定版本的上游 SKILL.md 整理用途与操作片段,译文使用辅助翻译。它不是完整手册,也不代表经过兼容性实测;使用前请核对原文及其引用文件。

介绍依据下方列出的固定版本;当前仓库动态和目录采集时间单独展示。

固定版本来源
阅读原文 ↗
原文采集时间
来源提交版本
1a2c79d4e6c4a2283dc2c614b6538cbe1ed5ca62
原文 SHA-256
e38e0eaa609316b10423a9a138ed95e35099accd3f735585295c8a8f165c28a3
返回完整 Skill 目录