SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-15 20:27

技能介绍

用途:frontend-design 是一个前端设计技能,目标是创建独特、生产级、可直接运行的前端界面,并避免常见的“AI 味”审美。它强调在动手设计前必须先确认设计上下文,因为仅阅读代码库无法推断受众、用途与品牌调性。

主要能力:提供从设计方向到实现细节的完整指导,覆盖排版、色彩与主题、布局与空间、视觉细节、动效、交互、响应式与 UX 文案。要求选定一个大胆且明确的美学方向(如极简、复古未来、编辑杂志风、工业实用风等),并据此实现功能完整、视觉突出、风格统一且细节精炼的代码。

使用方式:先检查当前指令中是否已有 Design Context;若没有,读取项目根目录的 .impeccable.md;若两者都没有,必须先运行 /teach-impeccable,不能跳过,也不能从代码库推断上下文。所需上下文至少包括目标受众、使用场景、品牌个性或调性。

适用场景:适合需要高设计质量、希望摆脱模板化 AI 风格的前端界面开发,包括网站、产品界面与组件级设计。

限制:资料未提供具体框架、平台、收费、价格或效果保证;部分参考文档(排版、色彩、空间、动效、交互、响应式、UX 文案)在资料中仅被提及,未给出完整内容。实现复杂度需与美学愿景匹配,且不应在多次生成中收敛到相同选择。