SuperAPI AI 工具集

ui-design-aesthetics

设计与创作

查看项目

更新于 10-16 01:37

技能介绍

用途:为设计与实现美观且高性能的用户界面提供专家指导,在保持独特美学的同时,通过渐进式披露与动态加载确保技术质量。

主要能力:美学方向,通过强制使用独特的字体、色彩与层次避免千篇一律的“AI 味”设计;性能架构,让 UI 组件动态加载以最小化初始负载;渐进式披露,仅在需要时揭示复杂性;API 契约校验,确保前端组件与后端数据结构一致。

使用方式:适合从零设计新功能或应用、重构既有 UI 使其更现代且高性能、实现复杂仪表盘或数据密集型界面。工作流程为:分析并选择一套统一的美学主题(如 Swiss、Neo-Brutalism 等)并拒绝通用默认样式;为性能做架构,识别重组件用于懒加载(React.lazy、动态导入);设计交互,规划错峰显现与基于交互的加载;校验数据,为 API 响应定义 TypeScript 接口或 Zod schema;实现时使用工具类(Tailwind)并强制执行设计系统。快速参考文档包括美学规则(字体、色彩、动效)、渐进式披露与动态加载、API 契约校验。

性能要求:初始负载仅包含关键路径 CSS/JS;次要组件必须按交互或可见性(IntersectionObserver)加载;对超过 100ms 的交互设计乐观 UI 状态。

限制:资料未提供具体安装命令、价格、平台支持范围及更多实现细节,这些内容暂未提供。