360 Secure SkillHub
360 安全技能中心

github

dembrandt

@dembrandt

公开技能 44 个

发布的技能

返回作者列表
W

wcag-accessibility

安全

WCAG 2.2 AA 可访问性规范与评审清单,覆盖对比度、键盘、ARIA 等。

兼容性待确认热度 0.00
查看详情
V

visual-emphasis-and-hierarchy

安全

指导界面视觉层级与强调,帮助突出主操作和关键信息

兼容性待确认热度 0.00
查看详情
U

user-flows-and-guided-paths

安全

提供多步用户流程与向导的设计原则、转化建议和评审清单。

兼容性待确认热度 0.00
查看详情
U

ui-density

安全

按平台和用户类型给出 UI 信息密度、功能数量与移动端降级建议。

兼容性待确认热度 0.00
查看详情
U

ui-context-and-scope

安全

提供 UI 上下文与作用域设计指导,覆盖面包屑、区域边界、认证页和代操作提示。

兼容性待确认热度 0.00
查看详情
T

tab-navigation

安全

提供标签页导航的设计与无障碍实现指南。

兼容性待确认热度 0.00
查看详情
S

surface-separation

安全

说明卡片、面板等表面如何用边框、阴影或填充区分,并规范透明度状态用法。

兼容性待确认热度 0.00
查看详情
S

sticky-and-fixed-elements

安全

提供粘性/固定导航、底部工具栏与表头的设计及 CSS 建议。

兼容性待确认热度 0.00
查看详情
S

status-colors-and-errors

安全

提供状态色、错误提示与恢复操作的设计规范与检查清单。

兼容性待确认热度 0.00
查看详情
S

sizing-units

安全

CSS 单位选择指南,按 rem、px 和相对单位给出使用与审查规则。

兼容性待确认热度 0.00
查看详情
S

semantic-html-and-seo

安全

提供语义化 HTML、SEO、替代文本、渐进增强与 SPA 可发现性指导。

兼容性待确认热度 0.00
查看详情
S

scroll-areas

安全

提供避免内层滚动容器的 UI 设计原则、单轴滚动约束与审查清单。

兼容性待确认热度 0.00
查看详情
R

responsive-paradigms

安全

提供移动端、平板和桌面端的响应式布局范式与断点决策指导。

兼容性待确认热度 0.00
查看详情
R

repeated-component-alignment

安全

提供重复 UI 组件对齐的布局规则与审查清单。

兼容性待确认热度 0.00
查看详情
R

real-world-metaphors

安全

提供卡片、轮播、抽屉等实体隐喻 UI 模式的选择与评审指南。

兼容性待确认热度 0.00
查看详情
P

performance-and-web-vitals

需注意

提供 Lighthouse 审计与 LCP/CLS/INP 优化指南。

兼容性待确认热度 0.00
查看详情
O

operational-expert-tool-ui

安全

面向调度、仓储等运营专家的高密度工作台界面设计原则。

兼容性待确认热度 0.00
查看详情
N

notifications-and-recovery

安全

提供通知、错误反馈与恢复路径的 UI/UX 设计指南

兼容性待确认热度 0.00
查看详情
N

nielsen-usability-heuristics

安全

提供尼尔森十大可用性启发式清单,用于界面审查与交互设计。

兼容性待确认热度 0.00
查看详情
M

motion-and-storytelling

安全

提供 UI 动效与叙事设计原则,涵盖缓动、时长、入场、滚动动画与无障碍。

兼容性待确认热度 0.00
查看详情
M

modular-scale-typography

安全

定义模块化字号比例、设计令牌与排版层级,并提供可读性和响应式建议。

兼容性待确认热度 0.00
查看详情
M

modal-and-overlay-patterns

安全

提供模态框、抽屉、底部弹层和气泡等覆盖层模式的选择与设计规范。

兼容性待确认热度 0.00
查看详情
M

micro-interactions

安全

提供微交互与动效设计规范,含 CSS 示例与审查清单。

兼容性待确认热度 0.00
查看详情
M

marketing-vs-product-system

安全

指导营销站点与产品界面共享品牌层、按表面选择应用层,并治理设计令牌。

兼容性待确认热度 0.00
查看详情
L

loading-states-and-perceived-performance

安全

提供加载状态与感知性能的设计模式、CSS 示例和审查清单。

兼容性待确认热度 0.00
查看详情
L

layout-paradigms-and-consistency

安全

提供页面布局范式选择、跨页面一致性检查及落地页叙事框架的设计指导。

兼容性待确认热度 0.00
查看详情
I

information-architecture

安全

大型应用的信息架构、命名、导航与危险操作确认设计指南。

兼容性待确认热度 0.00
查看详情
G

global-toolbar-controls

安全

提供货币、语言、地区和单位等全局工具栏控件的布局、样式与交互设计指南。

兼容性待确认热度 0.00
查看详情
G

gestalt-ui-organisation

安全

提供基于格式塔原则的 UI 分组与布局审查指南。

兼容性待确认热度 0.00
查看详情
G

generate-ui-from-brand

需注意

从品牌 URL 或 DESIGN.md 提取 token,输出 UI 规范与审计建议。

兼容性待确认热度 0.00
查看详情
F

form-design

安全

表单设计与校验体验指南,涵盖辅助文本、占位符、提交状态和评审清单。

兼容性待确认热度 0.00
查看详情
E

extract-design

需注意

从网站提取颜色、字体、间距与组件设计令牌,并生成主题和报告。

兼容性待确认热度 0.00
查看详情
E

elevation-and-depth

安全

提供卡片、弹窗等 UI 元素的阴影、层级与圆角设计规范。

兼容性待确认热度 0.00
查看详情
D

domain-expert-configuration

安全

为领域专家设计配置面板的 UI 指南,强调领域语言、默认值与分组校验。

兼容性待确认热度 0.00
查看详情
D

dembrandt

安全

六阶段 UI/UX 设计评审编排器,从品牌基础到无障碍逐级把关并输出分级结果。

兼容性待确认热度 0.00
查看详情
D

data-display-and-selection

安全

提供数据表格、列表、网格、选择、筛选、搜索和图表的设计模式与检查清单。

兼容性待确认热度 0.00
查看详情
C

coordinated-data-views

安全

指导实现表格与地图/图表等双视图的同步选择、配色与布局。

兼容性待确认热度 0.00
查看详情
C

component-family-consistency

安全

统一组件库中按钮、输入框、徽章等元素的圆角、高度、边框、颜色与交互规范。

兼容性待确认热度 0.00
查看详情
C

color-mode-and-theme

安全

提供浅色/深色/双主题选择、主题切换器判断与深色令牌设计建议。

兼容性待确认热度 0.00
查看详情
C

clone-website

安全

将在线网页按测量逐段重建为设计稿或代码,并用视觉、结构、语义对比验证一致性。

兼容性待确认热度 0.00
查看详情
B

brand-visual-language

安全

提供品牌形状语言、字体与图标一致性的设计指导与审查清单

兼容性待确认热度 0.00
查看详情
A

authentic-product-representation

安全

指导用真实数据和真实产品输出制作可信的落地页主视觉、产品截图与演示面板,避免虚构内容和AI感装饰。

兼容性待确认热度 0.00
查看详情
A

app-shell

安全

提供应用外壳的顶栏、侧边栏、启动器、租户/环境与状态栏设计规范。

兼容性待确认热度 0.00
查看详情
A

algorithmic-color-palette

安全

从一两个品牌色推导 UI 色板、状态色、调灰与语义色,并输出 CSS 令牌。

兼容性待确认热度 0.00
查看详情