Agent Skills
› soybeanjs/soybean-ui
soybeanjs/soybean-ui
GitHubSoybeanUI组件开发技能,提供组件创建、迁移、扩展、标准化、修复及审计的完整工作流与规范。涵盖无头/UI分离架构、交付阶段管理及生成工作流,确保组件质量与一致性。
Install All Skills
npx skills add soybeanjs/soybean-ui --all -g -y
Skills in Collection (5)
SoybeanUI组件开发技能,提供组件创建、迁移、扩展、标准化、修复及审计的完整工作流与规范。涵盖无头/UI分离架构、交付阶段管理及生成工作流,确保组件质量与一致性。
新增或迁移SoybeanUI组件
组件标准化与重构
组件审计与评估
npx skills add soybeanjs/soybean-ui --skill soybean-ui-component-development -g -y
辅助在 Vue 3 应用中使用 @soybeanjs/headless 构建可访问且无样式的组件。涵盖基础原语与紧凑组件选择、自定义样式包装、子路径导出及 API 查询,适用于需要独立控制 UI 样式的开发场景。
使用 SoybeanUI 逻辑和可访问性但不需要默认样式层
询问 Root/Trigger/Content 原语或 Compact 聚合组件的用法
配置 locale 注册或了解无障碍行为
npx skills add soybeanjs/soybean-ui --skill soybean-headless -g -y
辅助在 Vue/Nuxt 项目中集成 SoybeanUI,指导包选择、样式配置、主题设置及组件 API 查询。
构建 Vue/Nuxt 应用并使用 SoybeanUI
询问 SoybeanUI 组件用法或 Props
需要组件主题或样式配置指导
npx skills add soybeanjs/soybean-ui --skill soybean-ui -g -y
辅助在Vue应用中使用@soybeanjs/headless库,涵盖基础原语与紧凑组件选择、自定义样式包装、子路径导出及无障碍API查询。
构建自定义样式的无障碍组件
查询Root/Trigger/Content等原语API
配置Compact聚合组件
处理区域设置或无障碍行为
npx skills add soybeanjs/soybean-ui --skill soybean-headless -g -y
辅助在 Vue/Nuxt 项目中集成 SoybeanUI,指导包选择、主题配置及组件 API 查阅。
构建 Vue/Nuxt 应用并需使用 SoybeanUI 组件
询问 SoybeanUI 组件用法、Props 或主题配置
npx skills add soybeanjs/soybean-ui --skill soybean-ui -g -y


