accessibility
一套面向 WCAG 2.1 AA 的无障碍网页开发规范，涵盖语义化 HTML、ARIA、焦点管理、配色对比、表单与屏幕阅读器支持，并提供测试流程与常见问题预防清单。
Skill 广场
找到适合任务的 Agent Skill，阅读介绍并复制安装命令。
更新于 11-01 00:15
前端与建站
11,343 个结果
accessibility-a11y
无障碍（a11y）前端开发技能，涵盖语义化 HTML、键盘导航、焦点管理、ARIA 标签、跳转链接与 WCAG 对比度要求，用于在构建界面时确保无障碍合规。
accessibility-advocate
Accessibility Advocate 是一个面向无障碍动画设计的技能，用于在设计包容性动画、处理前庭功能障碍与运动敏感问题，或确保动画无障碍合规时使用。它把迪士尼动画十二原则放在包容性设计视角下逐条审视，给出每条原则的无障碍考量与包容性实现建议，并列出 WCAG 动画相关要求与实现清单，帮助开发者与设计师在保留动画表现力的同时降低对运动敏感用户的影响。
accessibility-audit-runner
一个面向前端开发的无障碍审计运行器技能，可在请求中提及“accessibility audit runner”时自动激活，提供分步指导、配置与代码生成、最佳实践建议及结果校验，适用于 React、Vue、CSS 等前端场景。
accessibility-basic-check
面向 UI 改动的无障碍基础检查清单技能，用于在开发阶段快速获得可访问性指导，检查颜色对比度、文本替代、键盘导航、焦点顺序与表单标签，并输出带通过/失败说明的清单。
accessibility-checklist
一份前端无障碍检查清单，用于构建 UI 组件、表单等面向用户的界面时对照检查，建议在每个前端 PR 前使用。涵盖键盘导航、屏幕阅读器支持、ARIA 用法、常见反模式与验证清单。
accessibility-compliance
实现 WCAG 2.1 AA 无障碍合规性的前端开发技能，涵盖语义化 HTML、ARIA 标签、键盘导航、屏幕阅读器支持、4.5:1 色彩对比度、可访问表单与错误提示、焦点指示器，以及用 axe-core 做自动化无障碍测试。
accessibility-mobile
面向 React Native 应用（iOS 与 Android）的无障碍（a11y）开发技能，覆盖可访问属性、角色、表单标注、状态与值、实时区域、焦点管理和屏幕阅读器检测，并提供测试与检查清单。
accessibility-object-model-integration
该技能聚焦在 React 中通过编程方式操作无障碍树（Accessibility Object Model，AOM），以支持复杂的自定义控件。它面向需要让自定义组合控件对屏幕阅读器等辅助技术可用的场景，主要能力包括：管理 ARIA live region 以处理动态内容更新、为复杂复合控件实现焦点管理、通过 aria-owns 与 aria-controls 映射语义关系。资料还列出若干进阶挑战：验证 AOM 状态与视觉 DOM 的一致性、处理并发更新期间的无障碍播报、测试跨不连续 DOM 结构的屏幕阅读器兼容性；验收标准包括通过 WCAG 2.1 AA 复杂控件审计、展示异步加载的正确屏幕阅读器播报，以及提供键盘导航流程图。资料未提供具体安装命令、代码示例、实现步骤、收费与平台支持等信息。
admin-crud
用于生成后台管理页面的技能，提供数据表格、筛选、批量操作、对话框与表单等界面模式，基于 TanStack Router、TanStack Query、react-i18next 等前端技术栈，适合构建管理界面或仪表盘。
auth-comprehensive
生产级认证与授权技能，覆盖 JWT、会话、Cookie、密码哈希、MFA、OAuth2、RBAC 与权限控制，支持 Next.js 等多框架，提供按需求选择认证模式的决策树与多语言实现示例。
check-performance
用于分析网页 HTML 中性能相关问题的命令行工具，可检查渲染阻塞资源、懒加载、预连接与预加载等，并给出评分与优化建议。
controlplan
用于生成符合AIAG格式的控制计划（Control Plan），并与PFMEA关联，包含检验方法、抽样频率和反应计划，支持原型、试生产与量产三个阶段。
csharpener
CSharpener 是基于 Roslyn 的 C# 静态分析工具，可构建调用图、检测未使用代码、做影响分析，并生成 HTML 文档与 Graphviz 图。
element-plus-vue3
Element Plus 是一个面向 Vue 3 的组件库，遵循 Element Design 设计语言，提供 60 多个 UI 组件。本技能为使用 Element Plus 提供全面指导，涵盖安装、组件使用、主题定制、国际化与 API 参考。适用于在 Vue 3 项目中安装配置 Element Plus、使用表单/数据展示/反馈/导航等各类组件、自定义样式主题、处理组件事件、查阅 API 以及排查问题等场景。组件基于 Vue 3 Composition API，示例同时包含 Options API 与 Composition API，并支持 TypeScript。
formik
Formik 是 React 的表单状态管理库，提供内置校验、提交处理与字段管理。适用于在 React 中构建复杂表单、处理表单提交与字段数组。安装命令为 npm install formik yup。
framer-motion
面向 React 的 Framer Motion 动画技能资料，涵盖 motion 组件、variants、手势、页面过渡与滚动动画，含安装命令、核心概念索引、示例与模板，适合为 React 应用添加生产级动画时参考。
framer-motion-rules
framer-motion-rules 是一个用于约束 Framer Motion 动画代码规范的技能，面向编写或评审动画代码的开发者，强调统一遵循规则并在代码审查中参照执行。
frontend-aceternity
Aceternity UI 提供可直接复制粘贴的动画效果组件，基于 Framer Motion 与 Tailwind，适用于落地页与营销站的 hero、3D 卡片、文字显现、动画背景等戏剧化视觉需求。
frontend-htmx
基于 Axum、Askama 与 HTMX 的服务端渲染前端方案，用于构建单二进制 Web 应用，无需 node_modules 与构建管线。Askama 模板编译进二进制并做类型检查，HTMX 约 14kb、超媒体驱动、无需 JS 构建。
hotwire-coder
面向 Rails 8 的 Hotwire 编码技能，指导用 Turbo Drive、Turbo Frames 与 Turbo Streams 构建实时响应式应用，尽量不写自定义 JavaScript。
loading-states
一个关于加载状态、骨架屏与空状态设计的技能资料，指导在内容未就绪时维持用户信心，包含按耗时选择指示方式、骨架屏、旋转指示器、进度条、空状态与错误状态的做法及可访问性建议。
mobile-first-design
移动优先设计（Mobile-First Design）是一种从移动端屏幕出发、再逐步增强以适配更大设备的响应式界面设计方法。该技能提供了断点划分、移动优先 CSS 写法、触控友好设计、性能指标与渐进增强等实践指导，适用于构建响应式网站和优化移动端体验。
offline-sync
面向 React Native 的离线优先模式技能，结合 MMKV 本地存储与 React Query 缓存持久化、变更队列，适用于离线访问、断网变更排队与重连同步等场景。