SuperAPI AI 工具集

frontend-design-pro

前端与建站

查看项目

更新于 10-16 05:47

技能介绍

用途:面向需要产出高视觉水准前端界面的场景,帮助生成可直接使用的前端代码,并同步处理配图方案。

主要能力:提供多种可选美学方向,如极简瑞士风、新拟态、玻璃拟态、粗野主义、黏土拟态、极光网格渐变、复古未来/赛博朋克、3D 超写实、鲜艳块面/极繁、暗色 OLED 奢华、有机生物形态等,每种都给出关键词、配色思路与标志性效果。同时给出前端规则,例如避免 Inter、Roboto、Arial、system-ui 等默认字体,改用有个性的字体,使用 CSS 自定义属性、单一主色加锐利点缀色,并加入至少一个标志性细节,强调动效节奏、非居中卡片布局、WCAG AA/AAA、焦点样式、语义化 HTML 与 prefers-reduced-motion。

使用方式:当设计需要图片时,真实摄影类内容只使用 Unsplash、Pexels、Pixabay 的真实照片,并提供以 .jpg/.png 结尾、带 ?w=1920&q=80 的直链及 img 标签和 SEO alt 文本;概念场景或插画则编写可直接复制的 Flux、Midjourney v6、Ideogram 提示词,并按 [IMAGE PROMPT START] 与 [IMAGE PROMPT END] 包裹。最终交付生产级、可复制粘贴的代码,覆盖 HTML + Tailwind/CSS、React、Vue 等,并保证响应式与性能。

限制:资料未提供具体平台、收费、价格、效果保证或完整使用步骤;不得编造图片链接或低质量 AI 图。部分示例代码在资料中被截断,暂未提供完整内容。