前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
Craw Figma
一种双向集成，使 AI agent 能够通过云端 REST API 查询布局，并通过基于本地 WebSocket 的插件写入、编辑或审计图层。
配色方案生成器
一个综合设计实用工具，用于生成专业色卡、从图像中提取方案并创建逼真的 UI 模型。
axiom-css-specificity
一个 CSS 特异性计算器，可为任何选择器计算符合 W3C 标准的 (a, b, c) 元组，以调试样式冲突。
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 页面。