SuperAPI AI 工具集

rds-component-mapper

前端与建站

查看项目

更新于 10-15 20:11

技能介绍

用途:该技能是 RDS(Reusable Design System)Vue UI 库的组件选择引擎。输入视觉描述、Figma 设计上下文、截图分析或区块类型,输出最匹配的 @rds-vue-ui/* 组件。

主要能力:RDS 库含 94 个组件、15 个分类,包括 Sections(22)、Cards(14)、Forms(11)、Core(8)、Carousels(5)、Images(4)、Buttons(1)、Footers(2)、Navbars(3)、Accordions(3)、Lists(3)、Videos(2)、Tabs/Tables(2)、Utilities(6)、Themes(7)。技能提供组件选择决策树(按 Hero、Sections、Cards、Accordions、Carousels、Navigation、Footers、Videos、Tabs/Tables、Forms、Lists、Images、Buttons、Core UI、Utilities 分类逐层匹配)、常见视觉模式快速匹配表,以及属性映射指南(通用属性如 variant、size、disabled、title、description,以及各组件专属属性与插槽)。

使用方式:组件从私有 registry(https://npm.edpl.us)安装为 @rds-vue-ui/{package-name},并通过 Nuxt 组件扫描器自动导入,无需手动 import 语句。使用时先按区块类型匹配组件,再按 variant/theme 细化。

适用场景:为 RDS Vue UI 库选择组件、将设计稿或截图映射到具体组件、确定组件属性与插槽用法。

限制:资料未提供收费、价格、平台支持范围、性能效果等具体信息;部分组件(如 analytics-gs-composable)无 Vue 组件名,需使用 useAnalytics() 组合式函数;资料中 footer-standard 的 socialLinks 属性说明被截断,暂未提供完整信息。