SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-16 00:30

技能介绍

用途:用于创建或重设计网页、落地页、仪表盘与应用 UI,也可改进排版、布局、色彩、动效与整体视觉,或将概念转化为高保真代码界面。

主要能力:先确定目的与受众、品牌调性与技术约束,再选定单一鲜明美学方向并一致执行,如粗野主义、杂志编辑风、奢华极简、复古未来等;建立排版、色彩、布局、动效系统,并以 CSS 变量实现样式令牌化。

必要用法:编码前收集或合理假设目的受众、品牌语气、技术限制与内容限制;若信息不足,应提出 2 至 4 个针对性问题或说明假设。实现上要求输出可直接运行的 HTML/CSS/JS 或框架代码,语义化且可访问,响应式布局,优先使用 CSS Grid/Flex,遵守 prefers-reduced-motion。

限制与避免:应避免通用 AI 审美、默认字体与常见渐变、无动机装饰、千篇一律的英雄区加三卡片布局。若用户只要代码,可省略解释但仍遵循内部设计流程。资料未提供具体框架、安装命令或价格信息。