Web UI
按 视觉语言、页面骨架、组合 浏览已批准模板;搜索与筛选可叠加。
视觉语言
色彩角色、字体气质、表面、边线、层次、动效与整体视觉语法;不自动包含原页面骨架,也不保证跨 form factor 适用
GitHub Primer 产品界面
visual-language:github-primer-product-uiGitHub Product UI / Primer 风格:白色或深墨画布、低对比中性色表面、1px 功能边线、6px 主圆角、系统无衬线字体、蓝色链接与选中态、绿色主动作;常态不靠阴影造层级。目标壳已有全局顶栏时可使用近黑 header surface;已有重复数据单元时以一致的边线、标题处理与对齐关系呈现,不新增导航、表格或分组结构。
视觉语言
中性图片审核界面
visual-language:neutral-image-review-surface中性浅灰工作区、白色内容面板、克制蓝色操作强调、轻边线与低阴影构成的图片审核表面,让多种风格图片成为视觉主角。
视觉语言combination-only
页面骨架
在兼容 form factor 内可复用的导航、控制区、内容区域与比较/阅读结构;不改变产品语义的许可,也不等于 form factor 本身
任务优先配对评测
shell-pattern:task-first-pairwise-evaluation任务优先的盲配对评测壳:在首个主要任务区依次呈现简短上下文、同时可见的候选对象、少量互斥主判断与明确的继续动作;进度可见,方法、解释和次要控制置后。窄屏优先保住“一眼比较、一次判断”,而不是把 A/B 串成两段长旅程。
页面骨架
扫描优先评测排行榜
shell-pattern:scan-first-evaluation-leaderboard扫描优先的评测排行榜壳:标题与必要筛选后立即进入排名表,排名、对象与主指标形成最强扫描轴;辅助指标按宽度渐进隐藏,方法、置信度和解释置于排名之后。
页面骨架
参考图引导的三层图片审核
shell-pattern:reference-led-three-layer-image-review以用户参考图为每组起点,同屏并列 Description、Style Prompt、Exemplar 三层结果;逐图结论与逐节点批准分开,支持完整 prompt 查看、本地草稿和结构化反馈导出。
页面骨架combination-only
组合
经过整体批准的视觉语言与页面骨架组合,不外推节点的独立复用范围。
没有匹配的模板清除筛选或换个关键词试试。