LogoClawIndex
案例技能关于
LogoClawIndex

building-compound-components - 创建无样式 React 复合组件

创建无样式复合组件,将业务逻辑与样式分离

标签

更新于: 2026-05-09
React复合组件无头 UI组件库基础组件无样式Radix UI

能力

创建上下文文件创建根组件创建消费者组件创建命名空间导出

典型输入

组件需求React 项目Tambo 提供者

典型输出

无样式 React 组件组件上下文命名空间导出

该技能可以做什么

  • 创建上下文文件
  • 创建根组件
  • 创建消费者组件
  • 创建命名空间导出
  • 管理组件状态
  • 通过上下文暴露行为
  • 支持渲染属性
  • 实现子上下文
  • 使用 asChild 模式

输入

  • 组件需求
  • React 项目
  • Tambo 提供者
  • Radix UI Slot

输出

  • 无样式 React 组件
  • 组件上下文
  • 命名空间导出
  • TypeScript 类型

要求

  • React 环境
  • TypeScript
  • @tambo-ai/react SDK

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。