前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
html-text-editor-lite
一个轻量级、零依赖的 Python 脚本，用于将内联的“点击即编”文本编辑器注入到静态 HTML 页面中，实现轻松的文字编辑和纯净的 HTML 导出。
api-doc-generator
一个自动化文档引擎，可将代码端点、原始 URL 和手动 API 定义转换为完全符合要求的 OpenAPI 3.0 规范，并配备多语言 SDK 和 mock 服务器设置。
opentui
一个高性能、Zig 原生的终端 UI 框架，带有 TypeScript 绑定、Yoga Flexbox 布局和声明式 React/Solid 封装。
添加地理抽认卡应用技能
这是一个 AI agent 技能，旨在基于精选视频教程，在 Python Tkinter 应用中实现基于图像的地理抽认卡功能。
前端 Monorepo 项目标准
在 pnpm 工作区、Turborepo 和 Nx 中强制执行最佳实践、清晰的依赖边界和高性能任务缓存。
Nuxt 3 项目标准
一套用于配置、审查和优化基于 Vue 3 和 TypeScript 的 Nuxt 3 项目的标准化配置技能。
微信小程序 CI (miniprogram-ci)
这是一个从微信开发者工具中提取的无头编译工具，可在不启动 GUI 的情况下自动化小程序上传、预览和 CI/CD 操作。
审查加载中、错误和空状态
一个本地优先的开发技能，用于审计并确保 UI 界面上正确的加载中、错误、空状态、部分数据和重试状态。
审查无障碍性
一种本地优先的开发技能，用于检查任何 UI 界面上的键盘无障碍性、屏幕阅读器语义、对比度、焦点状态和动态播报。
React Component Review
一个本地优先的开发 skill，旨在通过极小且精准的修改来审查 React 和 TypeScript 组件的正确性、hook 安全性、prop 建模和无障碍功能。
调试 TypeScript 错误
一种以本地优先的独立工程技能，旨在将复杂的 TypeScript 错误翻译成通俗语言，并在不依赖懒惰类型抑制的情况下实现精确、安全的类型修复。
Bundle Size Audit
一个零 API、本地的 bundle 大小审计工具，通过解析构建产物来强制执行大小预算并消除依赖膨胀。
OpenAPI Mock Server
无需编写后端代码，即可从任何 OpenAPI 3.x 或 Swagger 2.0 规格文件或 URL 即时运行本地 HTTP Mock Server。
CWV Budget Guard
CWV Budget Guard 是一款轻量级、零云依赖的性能预算强制工具，通过在本地运行 Lighthouse 来检测和调试 Core Web Vitals 回归。
Shiny Teaching Dashboard
一款 AI agent skill，旨在用互动式、学生驱动的 R Shiny 仪表盘取代传统的课堂演讲演示。
NestJS 开发指南
一款专家级辅助技能，旨在通过自动化 CLI 生成、依赖注入设置和请求生命周期管理来加速 NestJS 后端开发。
Tree View Craft
一个交互式目录树可视化工具，可将静态文本输出转换为完全可折叠、可搜索且样式丰富的 HTML 页面。
HyperFrames Registry 集成
一种专业的 workflow 技能，用于添加、配置和连接来自 HyperFrames registry 的模块化 Web 动画块和组件代码片段。
HyperFrames 的 CSS 动画
一种专门的动画适配器，使 HyperFrames 能够确定性地搜索、暂停和查找原生 CSS 关键帧动画。
n8n Community Node Creator
一个专业的编码助手，用于构建、配置、测试并发布可用于生产环境的 n8n 社区节点，作为稳健的 npm 软件包。