Agent Skills
› soybeanjs/soybean-ui
soybeanjs/soybean-ui
GitHubSoybeanUI组件开发规范，涵盖新建、迁移、扩展、标准化及审计流程。指导Headless与UI分离架构下的组件实现、模式分类及交付标准。
Install All Skills
npx skills add soybeanjs/soybean-ui --all -g -y
Skills in Collection (5)
SoybeanUI组件开发规范，涵盖新建、迁移、扩展、标准化及审计流程。指导Headless与UI分离架构下的组件实现、模式分类及交付标准。
添加或创建新组件
组件迁移或标准化重构
组件审计与评估
修复组件问题
npx skills add soybeanjs/soybean-ui --skill soybean-ui-component-development -g -y
辅助在 Vue 3 应用中使用 @soybeanjs/headless 库，涵盖基础原语与紧凑组件选择、自定义样式包装、子路径导出及无障碍 API 查询。
构建自定义样式的无障碍组件
查询 Root/Trigger/Content 等原语用法
了解 Compact 聚合组件
配置区域设置或访问行为
npx skills add soybeanjs/soybean-ui --skill soybean-headless -g -y
辅助在 Vue/Nuxt 中使用 SoybeanUI，指导组件选型、样式配置及文档查阅。
询问 SoybeanUI 组件用法
配置主题或样式
npx skills add soybeanjs/soybean-ui --skill soybean-ui -g -y
辅助在Vue应用中集成SoybeanUI无样式组件库，指导选择基础原语或紧凑组件、组合自定义样式包装器及使用子路径导出，适用于构建可访问的定制化UI。
使用 @soybeanjs/headless 构建 Vue 应用
询问 Root/Trigger/Content 等原语用法
配置 Compact 聚合组件
实现自定义样式包装器
npx skills add soybeanjs/soybean-ui --skill soybean-headless -g -y
辅助在 Vue/Nuxt 中使用 SoybeanUI，涵盖包选择、主题配置及组件文档查询。适用于构建 UI、选型决策或获取特定组件的 Props/Slots 使用指南。
询问 SoybeanUI 组件用法
需要选择 styled 或 headless 包
查询组件属性、插槽或主题配置
npx skills add soybeanjs/soybean-ui --skill soybean-ui -g -y
