SuperAPI AI 工具集

coss-particles

写作与研究

查看项目

更新于 10-15 23:44

技能介绍

用途:COSS UI Particles 是一个 UI 模式索引,粒子(particles)是基于 coss 原语构建、可直接复制粘贴的界面代码片段。当需要实现某个 UI 功能时,可用它按组件类型和描述找到匹配的现成模式。

主要能力:索引覆盖 52 种组件类型、共 484 个粒子,包括 accordion、alert、autocomplete、avatar、badge、button、calendar、card、checkbox、combobox、date-picker、dialog、drawer、field、form、input、input-group、menu、number-field、otp-field、pagination、popover、progress、radio-group、scroll-area、select、slider、table、tabs、textarea、toast、toggle、tooltip 等,每种类型下按具体场景细分多个示例。

使用方式:先描述所需 UI(例如“带校验的表单”“内含表单的对话框”“带图标的标签页”),再在本索引中按组件类型和描述检索匹配粒子,然后获取对应 JSON URL 得到该粒子的完整源码,最后按需调整代码。每个粒子的 JSON 清单地址格式为 https://coss.com/ui/r/<particle-name>.json,例如 https://coss.com/ui/r/p-accordion-1.json。粒子源文件位于仓库 apps/ui/registry/default/particles/ 目录。也可在 https://coss.com/ui/particles 可视化浏览。

更新索引:在 coss 仓库根目录运行 node apps/ui/scripts/generate-particle-index.cjs。

适用场景:前端界面开发中快速获取表单、对话框、选择器、日期选择、导航、反馈提示等常见交互模式的实现参考。

限制:资料未提供许可证、依赖版本、框架兼容范围、收费与价格等信息,暂未提供;实际使用前需自行确认运行环境与依赖要求。