SuperAPI AI 工具集
合作ENAI 行业资讯收藏

Skill 广场

找到适合任务的 Agent Skill，阅读介绍并复制安装命令。

更新于 10-15 00:40

前端与建站

8,831 个结果

angular-best-practices-material

该技能是 Angular Material 与 CDK 的最佳实践规则集，属于 angular-best-practices 核心技能的补充插件。内容涵盖按需选择性导入 Material 模块、使用 M3 主题系统与设计令牌、优先采用 CDK 工具（如覆盖层、拖放、虚拟滚动、无障碍原语）而非自行实现，以及为 Material 组件编写测试时使用测试工具（Test Harnesses）。适用于导入和配置 Material 组件、搭建 M3 主题、使用 CDK 工具、编写 Material 组件测试等场景。

前端与建站484 次安装

zustand

Zustand 是一个面向 React 的极简、无倾向性的状态管理库。它不依赖 Provider 包裹组件，也没有 Redux 那样的样板代码，通过基于 Hook 的 API 提供全局状态管理。核心用法是使用 create 函数创建 store，在组件中通过选择器读取状态，通过 set 更新状态，并支持在 React 组件外直接读写。它提供 persist、devtools、immer 等中间件，支持 TypeScript 类型推断、切片模式、异步操作、乐观更新、选择器与性能优化，并可用于 SSR（如 Next.js）场景。

前端与建站482 次安装

extract

extract 是 ui-craft 技能下的一个重构子技能，专注于从代码中提取可复用片段。它会扫描目标代码，找出重复出现三次及以上的 Tailwind 类名组合、以字面量形式出现的魔法值（十六进制颜色、像素尺寸、阴影定义、字号、z-index 等）以及仅靠文本或属性区分的重复标记，并将它们分别抽取为组件、设计令牌或带 props 的单一组件。该技能强调遵循项目既有约定（命名、文件位置、令牌命名），不引入平行体系，并对每个新组件执行 Anti-Slop 测试，要求组件名具备领域语义而非泛化命名，同时更新所有调用点，避免半迁移。

前端与建站481 次安装

accessibility-compliance

该技能用于按照 WCAG 2.1/2.2 无障碍标准实现网页无障碍功能，涵盖屏幕阅读器兼容、键盘导航与无障碍测试。适用于构建面向公众的 Web 应用、满足 AA 或 AAA 合规要求、支持 NVDA/JAWS/VoiceOver、实现纯键盘操作、满足 ADA 与 Section 508 等法规、改善 SEO 与整体体验以及开展无障碍审计等场景。技能提供语义化 HTML 与 ARIA、React 无障碍组件、键盘导航处理、颜色对比度校验、屏幕阅读器播报、焦点管理等参考指南与最小可用示例。

前端与建站476 次安装

web-performance-optimization

本技能（web-performance-optimization）用于优化 Web 应用性能，涵盖代码分割（code splitting）、懒加载（lazy loading）、缓存（caching）、压缩（compression）与性能监控（monitoring）等策略，目标是改善 Core Web Vitals 与用户体验。技能建议在页面加载缓慢、Largest Contentful Paint（LCP）偏高、打包体积过大、Cumulative Layout Shift（CLS）频繁出现以及移动端性能问题时使用。技能提供了快速开始示例，演示基于 React 的懒加载工具函数与路由配置写法，并列出了五份参考指南：React 代码分割与懒加载、图片优化、HTTP 缓存与 Service Workers、Gzip 压缩与资源优化、性能监控。最佳实践方面，要求遵循既有模式与约定、编写整洁可维护的代码、补充适当文档、部署前充分测试；同时提醒不要跳过测试或验证、不要忽略错误处理、不要硬编码配置值。

前端与建站476 次安装