SuperAPI AI 工具集

coss

前端与建站

查看项目

更新于 10-15 20:28

技能介绍

用途:在使用 coss 原语与模式(按钮、对话框、选择、表单、菜单、标签页、分段控件等)构建界面时,协助挑选合适的组件并写出符合 coss 文档的正确用法代码。

主要能力:提供 54 个原语的分项参考指南、组件注册索引、粒子示例目录;覆盖导入、组合、props 用法,帮助避免从 shadcn/Radix 迁移到 coss/Base UI 时的常见错误。输出原则为优先复用现有原语与粒子、优先组合而非重造行为、严格遵循文档中的命名与 API、保持可访问性与生产可用性,示例按 Tailwind CSS v4 约定。

使用方式:先判断用户意图(单一原语、组合流程、表单流程、浮层流程、反馈流程),再查组件注册索引挑选候选原语,查 coss 文档确认 API,参考至少一个粒子示例(路径如 apps/ui/registry/default/particles/p-dialog-1.tsx),最后编写最小代码并自检可访问性与组合约束。安装可用 npx shadcn@latest add @coss/<component>,或手动安装文档列出的依赖并复制所需组件文件、调整导入别名。

关键规则:不得虚构 coss API,使用前须核对组件文档;对 Dialog、Menu、Select、Popover、Tooltip 等触发型原语,须遵循各自的 trigger/content 层级与组合 API,不可跨组件混用模式;保留可访问性标签与错误语义;手动安装需包含导入引用的全部依赖与本地组件文件;优先使用 styled 导出,仅在需要自定义组合或样式时使用 *Primitive 导出。

适用场景:为 UI 任务选型、编写 coss 用法代码、迁移 shadcn/Radix 代码、参考粒子示例产出类生产模式。

限制:不负责维护 coss 单体仓库内部与构建流程,未经明确要求不修改注册表内部;具体平台与收费信息暂未提供。