用途
coss 技能用于帮助在构建用户界面时正确使用 coss UI 组件。coss UI 是基于 Base UI 的组件库,提供类似 shadcn 的开发体验,并配有规模较大的 particle 示例目录。当任务涉及按钮、对话框、选择器、表单、菜单、标签页、输入框、提示消息等界面元素时,可用该技能选出合适的 coss 基础组件,并写出符合文档的用法代码。
主要能力
- 为具体 UI 任务挑选合适的 coss 基础组件。
- 按文档编写正确的导入、组合方式和属性用法。
- 避免从 shadcn/Radix 迁移时常见的假设性错误。
- 参考 particle 示例,产出实用且接近生产环境的代码模式。
使用方式
技能说明建议按以下流程工作:先判断用户意图(单个组件、组合流程、表单流程、浮层流程、反馈流程),再查阅组件注册索引确定候选组件,优先从 coss 文档中选择组件,随后至少查看一个 particle 示例了解实际组合方式,最后用文档中的导入与属性写出最小代码,并自查无障碍与组合约束。
组件文档位于 https://github.com/cosscom/coss/tree/main/apps/ui/content/docs/components ,particle 示例位于 https://github.com/cosscom/coss/tree/main/apps/ui/registry/default/particles ,particle 目录页为 https://coss.com/ui/particles ,面向智能体的文档映射为 https://coss.com/ui/llms.txt 。
快速 CLI 安装模式为:
npx shadcn@latest add @coss/<component>
手动安装则需安装组件文档页列出的依赖、复制所需组件文件,并按目标应用的别名设置调整导入路径。
适用场景
适用于需要用 coss 组件搭建界面的开发任务,尤其是涉及浮层、表单、菜单、选择器等组合复杂度较高的组件,或需要从 shadcn/Radix 迁移到 coss/Base UI 的场景。示例默认采用 Tailwind CSS v4 约定。
限制
技能范围不包括维护 coss 单体仓库内部结构与构建流水线,也不包括在未明确要求时修改注册表内部内容。不得虚构 coss API,使用前须对照组件文档核实;触发式组件需遵循各自的触发/内容层级与组合方式,不应跨组件混用模式。资料未提供收费、价格或平台支持等更多信息。