前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
Remix v2 表单代码审查
一个自动化的代码审查智能体 Skill，旨在扫描 Remix v2 代码库中常见的表单、mutation 和状态管理反模式。
Frontend Image-Direction Skill
一个高级的前端图像方向技能，旨在引导 AI 智能体生成结构化、注重转化的网站设计参考，并保持绝对的板块与图像一致性。
截图转原型
一种 AI agent 技能，可将视觉 UI 截图转换为功能性、结构化且完全可编辑的前端代码原型。
设计合规检查
一个 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 漏洞。