tabindex
编程协作 · 键盘焦点审查 · tabindex取值校验 · 网页无障碍 · 组件焦点流 · 前端可访问性 · 屏幕阅读器适配
在审查渲染后的 HTML、交互组件或设计系统模式(涉及使用合适的 tabindex 值)时使用。应优先检查原生语义,然后查看键盘行为、焦点流转、可访问名称以及屏…
用自然语言找工具、提示词、技能、MCP 与工作流。
已理解:
共 0 条
编程协作 · 键盘焦点审查 · tabindex取值校验 · 网页无障碍 · 组件焦点流 · 前端可访问性 · 屏幕阅读器适配
在审查渲染后的 HTML、交互组件或设计系统模式(涉及使用合适的 tabindex 值)时使用。应优先检查原生语义,然后查看键盘行为、焦点流转、可访问名称以及屏…
编程协作 · 视差效果替代方案 · 前庭功能无障碍 · 动画可访问性 · 减少视觉运动 · 交互组件审查
在审查渲染后的 HTML、交互组件或与“提供视差效果替代方案”相关的设计系统模式时使用。优先检查原生语义,然后视情况检查键盘行为、焦点流转、可访问名称以及屏幕阅…
编程协作 · 键盘导航检查 · 无障碍焦点审查 · 可访问性交互 · 屏幕阅读器适配 · 设计系统组件评审
用于审查与“为所有元素启用键盘导航”相关的已渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,然后审视键盘行为、焦点流转、可访问名称以及相关的屏幕…
编程协作 · 键盘焦点顺序 · 无障碍可访问性 · Tab 导航审计 · 屏幕阅读器适配 · 交互组件审查
在审查渲染后的 HTML、可交互组件或与「确保逻辑焦点顺序」相关的设计系统模式时使用。优先检查原生语义,再按需检视键盘行为、焦点流转、可访问名称以及屏幕阅读器输…
编程协作 · 无障碍内容审查 · 闪烁动画防护 · 癫痫安全检查 · HTML 渲染审查 · 设计系统可访问性
在审查渲染后的 HTML、交互组件或与「防止引发癫痫的闪烁内容」相关的设计系统模式时使用。优先检查原生语义,然后按需检视键盘行为、焦点流转、可访问名称以及屏幕阅…
设计多媒体 · skill · agent-skill · d3 · visualization · nexu-io · open-design · ai-agent · github
教学生成 D3 图表和交互式数据可视化。该技能提供了覆盖各类图表类型与技巧的 D3.js 示例,使 agent 具备生成复杂、可交互可视化的专家级知识。适用于编…
编程协作 · 表格表头规范 · HTML 无障碍审查 · 表格语义优化 · 屏幕阅读器适配 · 可访问性检查
用于审查与“定义正确的表格表头”相关的渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,再视情况检查键盘行为、焦点流转、可访问名称以及屏幕阅读器的…
编程协作 · 滚动劫持审查 · 无障碍交互检查 · 前端可访问性 · 键盘焦点验证 · 屏幕阅读器适配
在审查与「避免滚动劫持与自定义滚动行为」相关的渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,再视情况检视键盘行为、焦点流转、可访问名称以及屏幕…
编程协作 · 选择框无障碍名称 · 下拉控件可访问性 · HTML 语义审查 · 辅助技术测试 · 表单可访问性
在审查与“为 select 元素提供可访问名称”相关的渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,然后根据需要审查键盘行为、焦点流转、可访问…
编程协作 · 图片按钮替代文本 · 屏幕阅读器适配 · 键盘操作检查 · 可访问名称识别 · 焦点流程审查
在审查渲染后的 HTML、交互组件或与“为图片按钮提供替代文本”相关的设计系统模式时使用。优先检查原生语义,然后根据需要检查键盘行为、焦点流转、可访问名称以及屏…
编程协作 · 主内容区标记 · HTML 语义化 · 键盘导航跳转 · 屏幕阅读器 · 无障碍审查
在审查与"每个页面仅使用一个 main 标志性区域"相关的渲染 HTML、交互组件或设计系统模式时使用。首先检查原生语义,然后根据需要检查键盘行为、焦点流转、可…
编程协作 · skill · agent-skill · heading · order · thedaviddias · Front-End-Checklist
Use when reviewing rendered HTML, interactive components, or design-system patte
编程协作 · 包容性语言审查 · 无障碍设计检查 · 前端可访问性 · HTML 语义审查
在审查已渲染的 HTML、交互组件或与「使用包容性语言」相关的设计系统模式时使用。优先检查原生语义,再根据需要审视键盘行为、焦点流转、可访问名称以及屏幕阅读器的…
编程协作 · iframe 标题配置 · 前端无障碍审查 · 辅助技术适配 · HTML 语义检查 · 屏幕阅读器兼容
用于审查已渲染的 HTML、交互组件或与“为 iframe 和 frame 提供标题”相关的设计系统模式。优先检查原生语义,再根据需要检查键盘行为、焦点流程、可…
编程协作 · 表单标签无障碍关联 · 屏幕阅读器兼容审查 · 键盘焦点流程检查 · 表单控件语义校验 · 设计系统可访问性
在审查渲染后的 HTML、交互组件或与表单控件关联标签相关的设计系统模式时使用。优先检查原生语义,然后根据需要检查键盘行为、焦点流转、可访问名称以及屏幕阅读器输…
编程协作 · ANY.RUN 沙箱分析 · 恶意软件动态行为 · 交互式样本执行 · 进程树捕获 · 网络流量分析
使用 ANY.RUN 云沙箱执行交互式动态恶意软件分析,触发样本运行,观察实时执行行为,与恶意软件提示(如对话框和 CAPTCHA)交互,并捕获进程树、网络流量…
编程协作 · HTML 定义列表 · 无障碍语义 · 屏幕阅读器适配 · 设计系统审查 · 键盘焦点检查
在审阅渲染后的 HTML、交互组件或与「使用正确的定义列表结构」相关的设计系统模式时使用。优先检查原生语义,再检查键盘行为、焦点流转、可访问名称以及屏幕阅读器输…
编程协作 · 内容缩放重排 · 无障碍浏览检查 · 键盘焦点审查 · 屏幕阅读器适配 · 低视力支持验证
用于审查与支持 400% 缩放下内容重排相关的渲染 HTML、交互组件或设计系统模式。优先检查原生语义,然后视情况检查键盘行为、焦点流程、可访问名称以及屏幕阅读…
编程协作 · 无障碍审查 · 元素 ID 检查 · 键盘焦点测试 · 设计系统审阅 · 可访问性校验
用于审查与“为活动元素使用唯一 ID”相关的已渲染 HTML、交互组件或设计系统模式。首先检查原生语义,然后在相关时检查键盘行为、焦点流转、可访问名称以及屏幕阅…
编程协作 · 无障碍审查 · 标题内容检测 · 屏幕阅读器适配 · HTML 语义校验 · 文档大纲检查
用于审查与「确保标题包含文本」相关的渲染后 HTML、交互组件或设计系统模式时使用。优先检查原生语义,然后根据需要检视键盘行为、焦点流转、可访问名称以及屏幕阅读…
编程协作 · 标题层级审查 · 屏幕阅读器适配 · HTML 语义检查 · 焦点顺序验证 · 无障碍导航 · 设计系统校验
在审查与“使用合理的标题层级”相关的已渲染 HTML、交互组件或设计系统模式时使用。首先检查原生语义,然后根据需要检查键盘行为、焦点流转、可访问名称以及屏幕阅读…
编程协作 · 无障碍审查 · ARIA 唯一标识 · HTML 语义检查 · 屏幕阅读器 · 辅助技术检测
在审阅渲染后的 HTML、交互组件或与“使用唯一 ID 作为 ARIA 引用”相关的设计系统模式时使用。首先检查原生语义,然后在相关情况下检查键盘行为、焦点流转…
编程协作 · 无障碍标签校验 · 可访问名称审查 · 屏幕阅读器适配 · 组件交互一致性 · 设计系统对齐
在审查渲染后的 HTML、交互组件或与“使可见标签与可访问名称保持一致”相关的设计系统模式时使用。首先检查原生语义,然后根据需要审查键盘行为、焦点流转、可访问名…
编程协作 · 表格表头关联审查 · 无障碍语义检查 · HTML 结构校验 · 屏幕阅读器适配 · 数据单元格核验
在审查与「确保表头与数据单元格相关联」相关的渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,再根据需要检查键盘行为、焦点流、可访问名称以及屏幕阅…
编程协作 · 表单粘贴可访问性 · 输入控件无障碍审查 · 密码管理器兼容 · 交互设计合规检测
在审查与允许粘贴到表单输入框相关的渲染 HTML、交互组件或设计系统模式时使用。首先检查原生语义,然后查看键盘行为、焦点流程、可访问名称以及相关的屏幕阅读器输出…
编程协作 · 无障碍链接文本 · 屏幕阅读器适配 · 可访问性审查 · 描述性链接文案 · 语义化 HTML 检查
在审查与「使用描述性链接文本」相关的渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,再视情况检查键盘行为、焦点流转、可访问名称以及屏幕阅读器输出…
设计多媒体 · 触摸目标尺寸检测 · 移动端无障碍审查 · 交互元素 CSS 检查 · 前端可访问性优化 · 表单控件尺寸校验
用于所有触屏界面上的交互元素:按钮、链接、复选框、单选按钮、表单输入、图标按钮和菜单项。检查交互元素 CSS 中的 min-width、min-height、w…
编程协作 · 前端无障碍审查 · 自动播放检查 · HTML 语义审查 · 设计系统校验 · 键盘焦点检查
在审查与避免自动播放媒体相关的已渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,然后根据需要审查键盘行为、焦点流转、可访问名称以及屏幕阅读器的输…
编程协作 · skill · agent-skill · skip · navigation · thedaviddias · Front-End-Checklist
在审阅渲染后的 HTML、交互组件或与「包含跳转导航链接」相关的设计系统模式时使用。优先检查原生语义,然后按需审视键盘行为、焦点流转、可访问名称以及屏幕阅读器输…
编程协作 · tmux 远程会话控制 · 终端命令交互 · 交互式命令行 · 后台进程管理
通过发送按键和抓取窗格输出,远程控制 tmux 会话以运行交互式 CLI。
流程自动化 · tmux 远程控制 · 终端交互 · 按键发送 · 输出抓取 · 会话管理 · 命令行代理
通过发送按键和抓取窗格输出来远程控制 tmux 会话,以驱动交互式 CLI。
编程协作 · 无障碍审查 · 语义化列表 · 屏幕阅读器适配 · HTML 结构优化 · 前端清单核对
Use when reviewing rendered HTML, interactive components, or design-system patte
设计多媒体 · iOS 26 设计系统 · SwiftUI 玻璃材质 · UIKit 视觉特效 · 小组件开发 · 模糊反射效果
iOS 26 Liquid Glass 设计系统——具备模糊、反射和交互式形变的动态玻璃材质,适用于 SwiftUI、UIKit 和 WidgetKit。在 S…
编程协作 · 交互式 HTML 工具 · 可视化探索器 · Prompt 生成面板 · 单文件演示页 · 参数调试界面
创建交互式 HTML playground —— 自包含的单文件浏览器,让用户通过控件可视化地配置某样东西,查看实时预览,并复制出一个 prompt。当用户要求…
编程协作 · 表单自动焦点规避 · 无障碍交互审查 · 屏幕阅读器适配 · 键盘导航检查 · HTML 表单校验
在审查与避免对表单字段使用 autofocus 相关的渲染 HTML、交互组件或设计系统模式时使用。先检查原生语义,再根据需要检查键盘行为、焦点流程、可访问名称…
编程协作 · 无障碍链接审查 · 跳过导航链接 · 键盘焦点审查 · 屏幕阅读器适配 · HTML 可访问性
在审查与实现“跳转到主要内容”链接相关的渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,然后根据需要检查键盘行为、焦点流转、可访问名称以及屏幕阅…
编程协作 · 无障碍审查 · HTML 列表语义 · 键盘焦点检测 · 屏幕阅读器适配 · 语义化结构验证
Use when reviewing rendered HTML, interactive components, or design-system patte
编程协作 · 字号缩放支持 · 无障碍排版 · 布局响应校验 · 视觉无障碍 · 设计系统审查
在审查与「支持文本缩放至 200%」相关的渲染 HTML、交互组件或设计系统模式时使用。优先检查原生语义,再视情况审视键盘行为、焦点流转、可访问名称以及屏幕阅读…
编程协作 · 图片文字避免审查 · 无障碍文本替代 · 屏幕阅读器兼容 · 可缩放文本检查 · 设计系统无障碍
在审查渲染后的 HTML、交互组件或设计系统模式时使用,涉及避免在图片中使用文本。优先检查原生语义,然后根据需要审视键盘行为、焦点流转、可访问名称以及屏幕阅读器…
设计多媒体 · 长文结构化处理 · 交互式能力地图 · 内容可视化呈现 · 用例矩阵分析 · 工作流循环编排
将长篇文章、推文串、备忘录或产品叙事转化为紧凑、可点击的能力地图,包含工作流闭环、用例矩阵和响应式详情面板。
编程协作 · 表格无障碍审查 · 可访问名称检查 · 屏幕阅读器兼容 · 键盘导航测试 · 设计系统审查
在审查渲染后的 HTML、交互组件或设计系统模式时使用,涉及确保表格具有唯一的可访问名称。优先检查原生语义,然后根据需要检视键盘行为、焦点流转、可访问名称以及屏…
编程协作 · 表单标签审查 · 无障碍合规 · HTML 语义检查 · 屏幕阅读器适配
用于检查已渲染的 HTML、交互组件或与“每个表单字段使用单一标签”相关的设计系统模式。优先检查原生语义,然后根据需要检查键盘行为、焦点流转、可访问名称以及屏幕…
编程协作 · 减少动效偏好 · 无障碍审查 · 前端可访问性 · 动画辅助功能 · 网页交互检查
用于审查与尊重减弱动画偏好相关的渲染 HTML、交互动组件或设计系统模式时使用。优先检查原生语义,再根据需要审视键盘行为、焦点流转、可访问名称以及屏幕阅读器输出…
编程协作 · skill · agent-skill · plan · devex · review · garrytan · gstack · ai-agent
交互式的开发者体验计划评审。(gstack)
设计多媒体 · 计划设计评审 · 交互式方案审查 · 用户体验评分 · 设计维度诊断 · 方案优化建议
Designer's eye plan review — interactive, like CEO and Eng review. (gstack)