SuperAPI AI 工具集

frontend-prime

前端与建站

查看项目

更新于 10-15 21:39

技能介绍

用途:frontend-prime 是一个前端界面构建技能,用于创建有辨识度、达到生产级质量的 Web UI,适用于网站、应用、仪表盘和组件等场景,核心关注设计质量,避免通用化、模板化的输出。

主要能力:技能要求在写代码前先确定美学方向(如极简、编辑风、复古未来、奢华、粗野主义、瑞士国际主义、新玻璃拟态等),并设定一个令人难忘的元素(滚动动画、排版亮点或微交互)。它提供了一份“AI 味黑名单”,禁止紫蓝渐变白卡片、统一圆角、完全对称布局、彩虹配色等常见套路;同时给出替代做法,如加载有特色的 Google Fonts、单一主色加锐利强调色、非对称布局、渐变网格与噪点质感、充足留白、大标题负字距等。

使用方式:颜色以 CSS 自定义属性按语义命名,通过 data-theme 切换明暗主题,暗色模式遵循更高层级更亮、降低强调色饱和度、用边框而非阴影等规则,并提供 Light/Dark/System 切换与 localStorage 持久化。SEO 方面要求每页包含 title、description、canonical、Open Graph、Twitter Card、JSON-LD、sitemap 与 robots、单一 h1、描述性 alt、小写连字符 URL 及 hreflang;Next.js 中使用 metadata 导出。此外还涵盖动效、移动端、无障碍、性能、表单、错误处理与安全等提醒。

限制:资料未提供安装命令、收费方式、平台支持范围或具体使用步骤,相关事实暂未提供。