前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
设计合规检查
一个 AI 编码智能体技能，可根据设计规范文档自动审查生成的 HTML 和 CSS 页面，以生成结构化的合规性报告。
Element Plus UI Vue3
这是一项先进的开发技能，旨在自动化构建使用 Element Plus 组件库和 Vue 3 Composition API 的桌面 Web 应用。
Workflow Node Setup
Configure, adjust, debug, and verify React Flow workflow nodes while maintaining interaction model semantics and clean canvas behavior.
antd-vue-components
一份全面的 ant-design-vue v4 (Vue 3) 组件学习与查询指南，包含可运行的 SFC 示例、API 详情和迁移建议。
WCAG 无障碍扫描 (a11y-scan)
一款快速、合乎道德的静态 HTML 无障碍扫描工具，通过 MCP 原生集成到 AI Agent 中，以检测 WCAG 2.2 和 ADA 问题。
Visual DNA
将截图、图像或 URL 中的视觉标识提取为可重用的 Design DNA JSON 规范，以生成高保真的 UI 实现。
No Slop UI
一种旨在强制执行简洁、克制、类人类 UI 设计标准，并消除通用、过度设计的 AI 视觉模式的 AI 智能体技能。
Remix v2 Error Boundaries 代码审查
一个用于检查 Remix v2 error boundaries、消除遗留 v1 模式并验证正确 TypeScript 错误收窄的自动化审查技能。
design-systems-index
一个结构化的、渐进式披露的企业设计系统、设计 token 工具、模式库以及 React/React Native 组件库的外部链接索引。
Kadence Theme 设计系统
一种 AI agent 技能，能够结构化实现 Kadence Theme 作为设计系统，确保设计标记和模板保持一致且可编辑。
Pencil Design Skill
一种强大的 AI 代理技能，用于设计高质量的用户界面（.pen 文件）并自动生成简洁、生产就绪的 React 和 Tailwind v4 代码。
用于 HyperFrames 的 Anime.js 适配器
一种适配器模式技能，可在 HyperFrames 合成中实现确定性的、寻向驱动的 Anime.js 动画和时间线。
TanStack Libraries 技能
一个全面的开发者资产，用于在现代 Web 应用程序中利用无头、类型安全且与框架无关的 TanStack 库。
Excalidraw 图表生成器
一个专业级图表技能，用于生成、渲染和验证从简单流程图到复杂系统架构的 Excalidraw 视觉效果。
Design Eval Loop
一种严格的 UI 优化技能，通过循环视图枚举、并行审计和迭代修复，将界面设计提升至经过验证的 5/5 分。
CORS 配置与安全
一个用于在 Web 环境中正确实现、调试和保护跨源资源共享 (CORS) 的全面技术实用工具。
XSS 扫描器
使用 Openclaw Skills 安全套件检测并修复前端代码中的 XSS 漏洞。
Better Auth 双重身份验证实现
一份关于使用 Better Auth 框架及其 twoFactor 插件实现安全多因素身份验证的全面指南和技能。
Clerk 身份验证
一种针对 Clerk 身份验证的技术实现技能，解决了 Next.js 16 安全模式、API 重大变更以及关键错误预防问题。
Xss Reference Tool
一个专为开发者设计的专业参考工具，用于在 DevTools 环境中管理 Xss 工作流和最佳实践。