前端设计
io.github.MODSetter/SurfSense/frontend-design
打造独具特色、生产级品质的 UI。在创建或重塑面向用户的界面、组件、页面、布局、视觉重设计、响应式行为、加载/错误/空状态,或涉及无障碍的前端工作时使用。
“Accessibility” 共 102 个结果
io.github.MODSetter/SurfSense/frontend-design
打造独具特色、生产级品质的 UI。在创建或重塑面向用户的界面、组件、页面、布局、视觉重设计、响应式行为、加载/错误/空状态,或涉及无障碍的前端工作时使用。
io.github.sickn33/antigravity-awesome-skills/ui-review
审查 UI 代码在设计系统一致性、无障碍性与最佳实践方面的合规性
io.github.sickn33/antigravity-awesome-skills/browser-testing-with-devtools
通过 Chrome DevTools MCP 检查实时 DOM、控制台日志、网络流量、截图、无障碍性与性能跟踪,对浏览器应用进行测试。
io.github.camunda/camunda/frontend-integration-test
在 orchestration cluster webapp 中编写、修改或调试 Playwright 测试时使用——集成测试、视觉回归或无障碍测试;涉及 MSW mock、Page Object Model 或 axe-core。测试目录:webapp/client/apps/orchestration-cluster-webapp/test/。
io.github.sickn33/antigravity-awesome-skills/review-animations
在严格的工艺、性能、无障碍性与交互质量标尺下审查动画与动效代码时使用。
io.github.sickn33/antigravity-awesome-skills/senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。在构建 React 组件、优化 Next.js 性能、分析 bundle 体积、搭建前端项目、实现无障碍或审查前端代码质量时使用。
io.github.nekomangaorg/Neko/artisan
通过微交互改进、动画、无障碍(a11y)修复和 UI 结构打磨来提升 Jetpack Compose 界面。用于把硬编码样式抽取到 AppTheme、补充 TalkBack semantics、实现 AnimatedVisibility 或微动画、抽取无状态 Composable,以及添加 @Preview 注解。
io.github.jeremylongshore/claude-code-plugins-plus-skills/wondelai-ios-hig-design
按 Apple Human Interface Guidelines 设计原生 iOS 界面。当用户提到 “iPhone app”、“iPad layout”、“SwiftUI”、“UIKit”、“Dynamic Island”、“safe areas”、“HIG compliance”、“SF Symbols”、“haptic feedback” 或 “iOS accessibility” 时使用。也在为 iOS 构建 tab bar、导航栈、sheet 或 modal、实现深色模式、适配不同屏幕尺寸时触发。覆盖导航模式、无障碍、SF Symbols 与平台惯例。通用 UI 打磨见 refactoring-ui,可供性设计见 design-everyday-things。
io.github.millionco/react-doctor/react-doctor
在完成功能、修复缺陷、提交 React 代码前,或用户输入 `/doctor`、要求扫描、分诊或清理 React 诊断信息时使用。覆盖 lint、无障碍、包体积与架构。包含回归检查,以及会拉取权威 playbook 的完整本地分诊流程。
io.github.affaan-m/ECC/angular-developer
生成 Angular 代码并提供架构层面的指导。在创建项目、组件或服务时触发,也适用于响应式(signals、linkedSignal、resource)、表单、依赖注入、路由、SSR、无障碍(ARIA)、动画、样式(组件样式、Tailwind CSS)、测试以及 CLI 工具方面的最佳实践。
io.github.affaan-m/ECC/react-patterns
React 18/19 模式:hooks 纪律、服务端/客户端组件边界、Suspense + 错误边界、表单 action、数据获取、状态管理决策树,以及无障碍优先的组合方式。在编写或审查 React 组件时使用。
io.github.affaan-m/ECC/react-testing
React 组件测试:React Testing Library、Vitest/Jest、用于网络 Mock 的 MSW、axe 可访问性断言,以及组件测试与 Playwright/Cypress 端到端测试的取舍边界。在编写或修复 React 组件、hooks 或页面测试时使用。
io.github.alirezarezvani/claude-skills/senior-frontend
面向 React、Next.js、TypeScript 与 Tailwind CSS 应用的前端开发技能。用于构建 React 组件、优化 Next.js 性能、分析包体积、脚手架前端项目、实现无障碍或审阅前端代码质量。
io.github.cloudflare/vibesdk/frontend-design-saas
顶级 SaaS 仪表盘与产品 UI 参考。在构建应用外壳、数据表格、设置面板、账单页、仪表盘、鉴权流程、管理工具或任何内部/客户侧 SaaS 产品 UI 时使用此技能。受 Stripe、Linear、Vercel、Airbnb、Notion 启发。涵盖中性色系设计 token、侧边栏+内容框架、高密度数据 UI、表单繁多的配置页、命令面板、空状态,以及这些产品所达到的无障碍(WCAG AA+)标准。
io.github.millionco/react-doctor/react-doctor
在完成功能、修复缺陷、提交 React 代码前,或用户输入 `/doctor`、要求扫描、分诊或清理 React 诊断信息时使用。覆盖 lint、无障碍、包体积与架构。包含回归检查,以及会拉取权威 playbook 的完整本地分诊流程。
vpreview
io.github.makeplane/plane/react-doctor
在完成功能、修复缺陷、提交 React 代码前,或用户输入 /doctor、要求扫描/分诊/清理 React 诊断时使用。涵盖 lint、可访问性、包体积、架构,包含回归检查与完整的本地分诊流程(拉取权威 playbook)。
io.github.FerroxLabs/wayland/accessible-mobile-developer
移动无障碍开发专长,涵盖 iOS VoiceOver 与 Android TalkBack 集成、SwiftUI 与 Jetpack Compose 的无障碍 API、触控目标尺寸、手势替代方案、动态字体支持、颜色对比合规、读屏软件测试,以及 WCAG 移动端专项成功标准。当用户询问 accessible mobile developer、相关技术、最佳实践,或需要该领域指导时使用。当请求超出 accessible mobile developer 范围或需要其他专项技能时请勿使用。
io.github.FerroxLabs/wayland/mobile-testing
专业移动应用测试,涵盖单元测试(XCTest、JUnit)、UI 测试(Espresso、XCUITest、Detox)、截图测试、设备农场测试、性能测试、网络状况模拟、无障碍测试与崩溃报告。当用户询问 mobile testing、mobile testing 最佳实践,或需要 mobile testing 实施指导时使用。当用户需要其他专项技能或涉及无关技术领域时请勿使用。
io.github.FerroxLabs/wayland/mobile-app-quality-audit
全面的移动应用质量评估,覆盖性能、UX、无障碍、安全与应用商店合规,产出可执行的审计记分卡。当用户询问 mobile app quality audit、相关技术、最佳实践,或需要该领域指导时使用。当请求超出 mobile app quality audit 范围或需要其他专项技能时请勿使用。
io.github.affaan-m/ECC/react-testing
React 组件测试:React Testing Library、Vitest/Jest、用 MSW 做网络 mock、基于 axe 的无障碍断言,以及组件测试与 Playwright/Cypress 端到端测试之间的取舍边界。当编写或修复 React 组件、hook 或页面的测试时使用。
io.github.affaan-m/ECC/react-patterns
React 18/19 模式:hooks 纪律、服务端/客户端组件边界、Suspense + 错误边界、表单 action、数据获取、状态管理决策树,以及无障碍优先的组合方式。在编写或审查 React 组件时使用。
io.github.exceptionless/Exceptionless/frontend-architecture
作为 ClientApp 中 Svelte 5 应用的前端统一入口 skill——新增路由、创建功能切片、编写 Svelte 组件、遵循 TypeScript 约定、复用共享 UI/格式化组件、处理无障碍,或编写前端测试。旧版 Angular 应用(ClientApp.angular)仍支撑当前站点的绝大部分页面,但除用户明确要求改动 Angular 或遗留 UI 外,新的前端开发一律只做 Svelte UI。
io.github.gogs/gogs/react-doctor
在完成功能、修复缺陷、提交 React 代码前,或用户输入 `/doctor`、要求扫描、分诊或清理 React 诊断问题时使用。覆盖 lint、无障碍、bundle 体积与架构,包含回归检查以及会拉取官方 playbook 的完整本地分诊工作流。
io.github.thedaviddias/Front-End-Checklist/form-validation
审查与“以可访问方式校验表单”相关的模板、渲染 HTML 或共享组件时使用。校验最终面向浏览器的标记,而不只是框架侧的源码抽象。要区分浏览器提交的表单与 React 客户端处理的表单,避免把缺少 method 或 action 误报为可访问性缺陷。