前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
Better Auth 文档集成
一个全面的技术参考技能，用于在 TypeScript 项目中使用 AI 代理实现现代、安全的身份验证。
核心指标修复工具
利用 AI 指导自动扫描并修复最大内容绘制 (LCP)、累积布局偏移 (CLS) 和首次输入延迟 (FID) 问题。
Lighthouse Fixer
Lighthouse Fixer 自动执行 Web 性能审计，并利用 AI 将通用的诊断报告转化为具体的、可操作的代码修复方案。
正则表达式生成器
一个能够将自然语言描述和文本示例转换为生产级正则表达式的智能实用程序。
插件架构
一个专门的框架扩展，允许插件在 Control 仪表板中注册并显示自定义 UI 视图和侧边栏标签。
极简 UI 设计系统
一个专门的设计系统和实施指南，旨在创建受 Notion 和 OpenAI 美学启发的简洁、高密度界面。
Web 架构
一套高性能的多智能体编排指南，用于在没有架构混乱的情况下构建 TypeScript、Next.js 和 Convex 应用。
编程哲学
一种在直觉发现与严谨工程之间取得平衡的框架，用于构建诚实、实用且可扩展的代码库。
Agent UI 组件
一个完整的、即插即用的 React 组件，用于构建具有人工干预能力的复杂 AI 代理界面。
聊天 UI 组件
一套用于创建精美 AI 聊天界面和消息系统的 React 和 Next.js 模块化构建块。
工具 UI 组件
一套专业的 React 和 Next.js 组件库，旨在可视化 AI 智能体工具执行的完整生命周期。
Widget Renderer
一个声明式 UI 引擎，可根据 AI 智能体提供的简单 JSON 结构渲染复杂的 React 组件。
Anthropic 前端设计
一种高性能设计技能，用于构建生产级前端界面，拒绝通用的 AI 模式，转而采用大胆、有意识的美学设计。
Web 无障碍审计员
一款专业的审计工具，用于确保 Web 前端符合 WCAG 2.1 无障碍标准。
API 文档生成器
根据端点描述自动创建 OpenAPI 规范、易读的 Markdown 参考文档和开发者 SDK 快速入门指南。
Artifacts Builder
一个专门用于开发和打包复杂的、多组件 React artifacts 的工具包，专为 Claude.ai 设计，采用现代 Web 技术。
Web 设计指南
一个专门的审计工具，根据 Vercel 的 Web 界面指南检查前端代码，以实现卓越的无障碍性和用户体验。
Pulse 应用开发技能
一套用于为 Pulse 编辑器生态系统构建、搭建和部署模块联邦化 React 扩展的全面开发工具包。
AI Labs Builder
一个用于构建生产级网站、AI 应用程序和自动化工作流的统一系统，采用现代 Web 技术和 MCP 集成。
React WASM SPA 自动导入修复器
一个用于在基于 WASM 的单页应用环境中检测缺失的 React 导入、未定义的 PascalCase 组件以及打包器运行时错误的精密工具。