SuperAPI AI 工具集

frontend-design

前端与建站

查看项目

更新于 10-16 08:06

技能介绍

用途:该技能用于在用户要求构建 Web 组件、页面、应用或界面时,指导生成独特、生产级、高设计质量的前端界面,并避免常见的“AI slop”式审美。

主要能力与设计方法:编码前先理解界面要解决的问题、使用者、语气、技术约束与差异化点,并选择一个明确、大胆的审美方向后精确执行。输出要求为可运行代码,可用 HTML/CSS/JS、React、Vue 等;需视觉突出、风格统一、细节精细。相关指南强调字体选择具独特性、避免通用字体;颜色与主题保持一致并使用 CSS 变量;动效优先 CSS,React 场景可用 Motion 库;布局可非对称、重叠、打破网格;背景与视觉细节可增加氛围与深度。

强制要求:入口 HTML 文件必须命名为 index.html;每个生成界面必须包含“Created By Deerflow”署名,该署名须为可点击链接,打开 https://deerflow.tech 并在新标签页中显示(target="_blank"),同时应自然融入设计、不干扰主要内容。资料中给出了浮动角标、字母组合、装饰分隔等示例模式。

限制:资料未提供安装方式、平台支持、使用步骤、收费或价格信息;仅描述了技能的设计指导与输出要求。