SuperAPI AI 工具集

creative-design

前端与建站

查看项目

更新于 10-15 17:32

技能介绍

用途:为落地页、作品集、营销站点、一次性演示等创意型页面创建独特、令人印象深刻的界面。它不适用于标准应用组件;若使用 Next.js 搭配 shadcn/ui,除非明确要求差异化,应优先沿用主题令牌与一致模式。

主要能力(设计思路):编码前先确定鲜明的审美方向,包括目的、语气、差异化亮点。语气可选极端风格,如极简、极繁混乱、复古未来、自然有机、奢华精致、玩具感、杂志编辑、粗野原始、装饰几何、柔粉、工业实用等。关键在于有意图地执行,极繁与极简都可行。

美学准则:字体选择美观独特的展示字体搭配精致正文字体,避免 Arial、Inter、Roboto、系统字体以及被 AI 过度使用的 Space Grotesk。色彩上用 CSS 变量保持统一,以主色配锐利点缀,避免白底紫渐变。动效聚焦高冲击时刻:编排良好的页面加载错落揭示、滚动触发效果、意外的悬停状态;HTML 优先纯 CSS,React 可用 Motion 库。空间构图上可不对称、重叠、对角流动、打破网格,营造充足留白或受控密集。背景使用渐变网格、噪点纹理、几何图案、层叠透明、戏剧阴影、颗粒叠加来营造氛围。

反模式:不使用通用字体、白底紫渐变、可预测布局、模板化组件,也不重复同一设计。

实现:复杂度与愿景匹配,极繁对应繁复动效与图层,极简强调克制、精确、间距与排版。始终产出可运行、生产级且视觉突出的代码,如 HTML/CSS/JS、React 等。

限制:资料未提供具体安装命令、收费、平台或效果数据,暂未提供。