用途:约束界面迭代时的复用行为,避免在已有应用里发明第二套 UI 套件。核心是先读所在界面的 DESIGN.md/领域文档,找到已有组件或辅助函数(按钮、输入框、对话框、进度、相对时间、下拉、返回行等),照 Settings/Projects 等既有页面的做法复制;优先给现有原语加变体,而非新建组件。颜色、间距、字体取自已有 CSS 变量/令牌(含应用的 Tailwind v4 设置),不使用一次性 hex 或阴影堆叠,并匹配应用既有观感。若应用不用边框、阴影、闪光,新功能同样不用。
交互扩展:为现有交互增加堆叠、排队或深度时保留原有控件;内联审批与浮动审批作为同一堆叠的不同放置方式,而非互相替换;不经要求不改 Run/Reject 样式。手势控制器、深度几何、阻力、释放阈值、离场与晋升动效应与 toast 共用,改放置或内容不得分叉数学逻辑。按钮与键盘操作要产生与手势一致的可感知清卡动效。调参前先查看线上既有实现(如 Sonner 的堆叠晋升与动量消失)。视觉堆栈要设上限,并在真实对话线程与浮动放置中各自验证。计数与后层可见性由实时待处理条目驱动,而非固定演示总数。
共享锚定编辑器:保持一个 provider、一个位于页面列之外的常驻面板/输入框;静态栏与导航项只提供预设、可选预填与放置请求,不挂载编辑器。需验证开合、切换预设与客户端路由导航时的 DOM 身份一致。移植参考实现时用其真实菜单源码与实测几何,而非近似或文字摘要。复用素材可能带冲突的 Tailwind 单变换,要同时检查计算后的 translate 与 transform。
动效细节:悬停即时着色、仅在退出缓动,过渡放在静止态并在悬停时移除(如 transition-colors duration-100 hover:transition-none)。底部停靠编辑器用 CSS bottom 锚定,不用由内容高度推导的顶部坐标。静态到实时编辑器的交接在几何上保持一致。Cmd+K 结果需在白条展开后于其后方明显上滑,且不因查询变化重播。
纠错与品牌对齐:对具体效果或字体的批评是定点修正,不是替换已认可的造型、配色或构图;保留用户称赞的部分,一次只改一个视觉维度。对标品牌参考前先用脚本实测其计算字体、字号、字重、大小写、字距、颜色、边框与 @font-face 来源,再据此设计;提取其语法(前缀符号、编号、分隔符、芯片边框、分隔线样式、框架)并一致应用到所有界面。
设置子页导航:Settings 子项按通用→常用→专用排序,General 优先。父标签、面包屑与父 URL 打开排序中的第一个子项,而非概览或上次访问项。展开箭头独立于导航。可渲染控件分组切换时不得卸载其配置控制器。
共享主题偏好:单色文档需同时中性化既有灰阶与强调色令牌。主题解析与系统媒体查询订阅跨界面共享,各界面的持久化与动画适配器保持独立。新增系统模式时保留已缓存的公开渲染,在既有 head 引导中解析初始调色板,而非按请求读 cookie 或挂载时纠偏。
共享品牌徽章:将相关图形整合进既有共享徽章组件,而非特性专用的图片包装、遮罩、滤镜或复制 SVG。
限制:所给资料为规范与实践指南,未提供安装命令、收费、价格、平台支持或效果数据,相关事实暂未提供。