SuperAPI AI 工具集

web-interface-architect

设计与创作

查看项目

更新于 10-16 09:53

技能介绍

用途:该技能用于根据用户提供的前端需求(组件、页面、应用或界面)进行界面架构与设计,并实现可运行的代码。资料称其目标是避免千篇一律的 AI 风格界面,做出具有辨识度、接近生产级的前端界面。

主要能力与工作方式:先做设计思考,明确界面要解决的问题与使用者、选择一种鲜明的美学基调(如极简、极繁、复古未来、自然、奢华、编辑杂志风、粗野主义等)、确认技术约束(框架、性能、可访问性)以及差异化点;随后实现代码,可采用 HTML/CSS/JS、React、Vue 等。

设计关注点包括:字体选择(避免 Arial、Inter、Roboto、系统字体等通用字体,倾向于将特色展示字体与精致正文字体配对)、颜色与主题(用 CSS 变量保持一致,主色加锐利点缀)、动效(HTML 优先纯 CSS,React 可用 Motion 库,重视错落的页面加载与滚动、悬停状态)、空间构成(非对称、重叠、斜向流动、打破网格、留白或受控密集)、背景与视觉细节(渐变网格、噪点纹理、几何图案、层叠透明、阴影、装饰边框、自定义光标、颗粒叠加等)。

限制与注意事项:资料未提供安装命令、配置方式、依赖清单、适用平台版本、收费信息或效果数据,暂未提供。它属于前端设计与实现的指导性技能,强调实现复杂度需与美学愿景匹配,并要求在浅色/深色主题、字体与风格上避免跨次生成趋同。