Communitygithub.com

cosscom/coss

帮助正确实现 coss UI 组件。适用于使用 coss 原语(按钮、对话框、选择器、表单、菜单、标签页、输入框、吐司提示等)构建 UI、从 shadcn/Radix 迁移到 coss/Base UI、组合基于触发器的覆盖层或排查 coss 组件行为问题。涵盖导入、无障碍、Tailwind 样式和常见陷阱。

coss 是什么?

该技能专为使用 coss UI 组件库的开发者设计,提供关于正确实现、迁移和排查组件的详细指导。它支持多种常见 UI 原语,包括按钮、对话框、选择器、表单、菜单、标签页和输入框等,并涵盖了从 shadcn/Radix 向 coss/Base UI 迁移的完整流程。技能重点强调了触发式覆盖层的组合方式、无障碍支持、Tailwind CSS 样式集成以及常见的实现陷阱。通过遵循该技能的建议,开发者可以更高效地构建一致且可访问的用户界面,同时避免重复性问题。该技能适用于 Cursor、Claude Code 和 Codex 等 AI 编码助手,能够根据 SKILL.md 文档提供准确的导入路径和最佳实践。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/cosscom/coss/tree/main/skills/coss

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

coss 是做什么的?

帮助正确实现 coss UI 组件。适用于使用 coss 原语(按钮、对话框、选择器、表单、菜单、标签页、输入框、吐司提示等)构建 UI、从 shadcn/Radix 迁移到 coss/Base UI、组合基于触发器的覆盖层或排查 coss 组件行为问题。涵盖导入、无障碍、Tailwind 样式和常见陷阱。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能