github
@dembrandt
公开技能 44 个
WCAG 2.2 AA 可访问性规范与评审清单,覆盖对比度、键盘、ARIA 等。
指导界面视觉层级与强调,帮助突出主操作和关键信息
提供多步用户流程与向导的设计原则、转化建议和评审清单。
按平台和用户类型给出 UI 信息密度、功能数量与移动端降级建议。
提供 UI 上下文与作用域设计指导,覆盖面包屑、区域边界、认证页和代操作提示。
提供标签页导航的设计与无障碍实现指南。
说明卡片、面板等表面如何用边框、阴影或填充区分,并规范透明度状态用法。
提供粘性/固定导航、底部工具栏与表头的设计及 CSS 建议。
提供状态色、错误提示与恢复操作的设计规范与检查清单。
CSS 单位选择指南,按 rem、px 和相对单位给出使用与审查规则。
提供语义化 HTML、SEO、替代文本、渐进增强与 SPA 可发现性指导。
提供避免内层滚动容器的 UI 设计原则、单轴滚动约束与审查清单。
提供移动端、平板和桌面端的响应式布局范式与断点决策指导。
提供重复 UI 组件对齐的布局规则与审查清单。
提供卡片、轮播、抽屉等实体隐喻 UI 模式的选择与评审指南。
提供 Lighthouse 审计与 LCP/CLS/INP 优化指南。
面向调度、仓储等运营专家的高密度工作台界面设计原则。
提供通知、错误反馈与恢复路径的 UI/UX 设计指南
提供尼尔森十大可用性启发式清单,用于界面审查与交互设计。
提供 UI 动效与叙事设计原则,涵盖缓动、时长、入场、滚动动画与无障碍。
定义模块化字号比例、设计令牌与排版层级,并提供可读性和响应式建议。
提供模态框、抽屉、底部弹层和气泡等覆盖层模式的选择与设计规范。
提供微交互与动效设计规范,含 CSS 示例与审查清单。
指导营销站点与产品界面共享品牌层、按表面选择应用层,并治理设计令牌。
提供加载状态与感知性能的设计模式、CSS 示例和审查清单。
提供页面布局范式选择、跨页面一致性检查及落地页叙事框架的设计指导。
大型应用的信息架构、命名、导航与危险操作确认设计指南。
提供货币、语言、地区和单位等全局工具栏控件的布局、样式与交互设计指南。
提供基于格式塔原则的 UI 分组与布局审查指南。
从品牌 URL 或 DESIGN.md 提取 token,输出 UI 规范与审计建议。
表单设计与校验体验指南,涵盖辅助文本、占位符、提交状态和评审清单。
从网站提取颜色、字体、间距与组件设计令牌,并生成主题和报告。
提供卡片、弹窗等 UI 元素的阴影、层级与圆角设计规范。
为领域专家设计配置面板的 UI 指南,强调领域语言、默认值与分组校验。
六阶段 UI/UX 设计评审编排器,从品牌基础到无障碍逐级把关并输出分级结果。
提供数据表格、列表、网格、选择、筛选、搜索和图表的设计模式与检查清单。
指导实现表格与地图/图表等双视图的同步选择、配色与布局。
统一组件库中按钮、输入框、徽章等元素的圆角、高度、边框、颜色与交互规范。
提供浅色/深色/双主题选择、主题切换器判断与深色令牌设计建议。
将在线网页按测量逐段重建为设计稿或代码,并用视觉、结构、语义对比验证一致性。
提供品牌形状语言、字体与图标一致性的设计指导与审查清单
指导用真实数据和真实产品输出制作可信的落地页主视觉、产品截图与演示面板,避免虚构内容和AI感装饰。
提供应用外壳的顶栏、侧边栏、启动器、租户/环境与状态栏设计规范。
从一两个品牌色推导 UI 色板、状态色、调灰与语义色,并输出 CSS 令牌。