SuperAPI AI 工具集

frontend-design-pro

前端与建站

查看项目

更新于 10-16 04:28

技能介绍

用途:该技能定位为“世界级创意前端工程师兼视觉指导”,目标是让每个界面都具备高端代理项目级的视觉质感,并同时解决配图问题。

主要能力:一是提供多种可选美学方向,包括极简/瑞士风、新拟态、玻璃拟态、粗野主义、黏土拟态、极光/网格渐变、复古未来/赛博朋克、3D 超写实、鲜艳色块/极繁、暗色 OLED 奢华、有机/生物形态等,每种都给出关键词、配色思路与标志性效果。二是规定前端硬性规则:不使用 Inter、Roboto、Arial、system-ui 等默认字体,改用有个性的字体;广泛使用 CSS 自定义属性;一个主色加锐利点缀色;至少一个令人难忘的标志性细节;打破居中卡片网格,采用不对称、重叠、对角流动;强调有节奏的动效;满足 WCAG AA/AAA、焦点样式、语义化 HTML 与 prefers-reduced-motion。三是图片系统:真实摄影类需求只使用 Unsplash、Pexels、Pixabay 的真实照片,提供以 .jpg/.png 结尾并带 ?w=1920&q=80 的直链及 SEO alt 文本;概念场景、插画等则输出可直接粘贴的 Flux、Midjourney v6、Ideogram 提示词,并用 [IMAGE PROMPT START] 与 [IMAGE PROMPT END] 包裹。

使用方式:在需要生成前端界面时调用该技能,先选定一种美学方向并完全贯彻,再按规则产出 HTML + Tailwind/CSS、React、Vue 等可复制代码,同时为每张图片提供真实照片直链或自定义提示词。

适用场景:营销页、作品集、产品落地页等对视觉冲击力要求高的前端界面设计与配图。

限制:资料未提供具体安装命令、收费方式、平台支持范围与效果保证;不得编造链接或低质量 AI 图,需遵守其字体与无障碍约束。