SuperAPI AI 工具集

ui-expert

前端与建站

查看项目

更新于 10-16 00:01

技能介绍

用途:ui-expert 用于构建或重做页面、屏幕、仪表盘和组件,让输出更专业、更少 AI 感,或更接近 Linear、Vercel、Stripe 等风格;也适用于落地页、定价页、设置面板和管理界面。它不适用于实验性艺术指导、滚动叙事、品牌表达型任务、纯后端或非 UI 任务,以及单行 CSS 修复。

主要能力:技能通过四个强制阶段约束输出。Gate 0.5 先锁定受众语域(personal-portfolio、saas-landing、product-app、marketing、docs),并默认禁止把 SaaS 落地页模式套用到其他语域。Gate 2 要求每个界面锚定至少一个具名行业模式,如 Linear 侧边栏、Stripe KPI 卡、Vercel 网格背景、Raycast 命令面板,锚点需使用具体 token 而非感觉。Gate 3 在写标记前锁定颜色、字体、间距、圆角、层级、动效、无障碍与性能 token,禁止 Inter、Roboto 等默认字体和纯黑纯白。Gate 4 生成后运行 ai-slop-audit,按反模式目录检查并重写,关键问题必须修复后重新审计。

使用方式:技能会自动在用户要求构建页面、让界面更专业或更像某品牌时触发。开始前按顺序读取 SKILL.md、对应语域文件、至少一个公司参考;AI 界面需读 ai-first 与 ai-patterns,无障碍关键任务读 WCAG 2.2 清单与 ARIA 模式,性能关键任务读 performance.md。

限制:资料未提供安装命令、收费方式、平台支持或具体效果数据。技能依赖配套参考文件与审计链,缺少这些文件时无法完整执行。所有 token 与反模式规则以资料所述为准,未提及的功能暂未提供。