用途:让 AI 生成接近高端设计机构水准的网页界面,强调触感层次、空间节奏、微交互与流畅动效。
主要能力:定义一套视觉规范,包括禁用字体(Inter、Roboto、Arial、Open Sans、Helvetica)、禁用厚重图标与通用灰边阴影;要求使用双层嵌套容器(外壳+内核)、同心圆角、按钮内嵌图标圆环;规定间距、眉标签、滚动进场动效与自定义 cubic-bezier 过渡;提供风格原型(Ethereal Glass、Editorial Luxury、Soft Structuralism)与布局原型(非对称 Bento、Z-Axis Cascade、Editorial Split)以供组合;要求移动端在 768px 以下折叠为单列。
使用方式:作为 Agent Skill 调用,按其执行协议先选定风格与布局原型,再搭建背景与排版、组件结构、动效,最后按输出前检查表逐项核对。
限制:规范要求使用 Geist、Clash Display、PP Editorial New、Plus Jakarta Sans 等字体与 Phosphor Light、Remix Line 图标,假定这些资源可用,未说明获取方式;性能约束包括只动 transform 与 opacity、backdrop-blur 仅用于固定元素、避免滚动监听;文中提及需配合 korean-frontend-defaults 规则使用。具体安装命令、收费与平台支持信息暂未提供。