用途概括教导 AI 以高端代理商方式设计，明确令网站显贵的字体、间距、阴影、卡片结构与动效规范。屏蔽令 AI 设计廉价通用的常见默认项。产出具备触觉纵深与流畅动效的代理商级高端 UI 代码。
业务领域
Design
技能形态
Style Guide
业务领域
技能形态
技能解析
剖析技能的工作原理和产出物，快速判断你的场景与价值。
当 Agent 需要为网站或应用生成 UI 代码（React/Tailwind/HTML）且必须避免廉价、通用的 AI 审美时。尤其适用于落地页、SaaS 或作品集等需要高端质感的任务。
无瑕疵、像素级精准的高端 UI 代码，具备触觉纵深、流畅动效，彻底剔除通用默认样式。
使用场景
某创业创始人让 Agent 为 AI 工具建落地页。借助本技能，Agent 静默选取“空灵玻璃”氛围与“非对称 Bento”布局，应用双边框卡片、自定义贝塞尔动效并过滤禁用字体。创始人获得价值 15 万美元代理商级的页面，转化率更高且绝无模板感。
某设计师需改版通用作品集站。Agent 应用本技能的编辑奢华原型、嵌套 CTA 按钮及基于 IntersectionObserver 的滚动插值。作品集呈现电影化节奏与微交互，助设计师赢得更高付费客户。
技能关系
依赖关系读作「上一格指向下一格」。当前 Skill 位于第二格，上下分别是影响它与被它影响的 Skill。
第一层 · 这些 Skills 用了我
第二层 · 当前 Skill
第三层 · 我用了这些 Skills
在所属技能集的全局上下文中浏览当前 Skill 的关系。点击节点切换右侧详情,搜索框可快速定位技能。
技能文件