SuperAPI AI 工具集

design-system-mapping

设计与创作

查看项目

更新于 10-16 08:49

技能介绍

用途:在设计复杂后台、SaaS、开发者工具、表格表单密集页面或需要快速建立规范的项目时,对标成熟设计系统,借鉴其模式与方法论。不适用于 C 端营销类或品牌视觉强烈的产品。

主要能力:提供主流设计系统对比(Material Design、Apple HIG、Fluent、Carbon、Atlassian、Polaris、Pajamas、Ant Design、MUI、shadcn/ui、Radix、Tailwind UI、Tabler/AdminLTE),并给出选择指南,如中文中后台首选 Ant Design 加 shadcn 视觉升级,英文 SaaS 用 shadcn/Radix 加自定义视觉,企业级数据平台用 Carbon,开发者工具用 Pajamas,电商用 Polaris,移动 App 用平台原生,跨平台一致用 Material Design 3。

使用方式:先识别项目类型与场景,选择 1~2 个主参考系统,列出值得借鉴的模式(表单、表格、导航、反馈、可访问性、组件 API 设计),列出不采纳的部分,结合本项目品牌做视觉调整,最后输出对标说明。输出格式包含主参考系统、借鉴模式、不采纳部分、视觉调整、组件 API 命名、可访问性策略。

限制与注意:不要全盘照搬,只借鉴模式不抄视觉;避免只看一家、不考虑场景、忽略可访问性、追新弃老、不调整导致同质化。可访问性策略建议参考 Carbon 或 Radix。配套模板为 templates/design-system-benchmark-template.md。