前端 Web 开发 精选AI Agent技能库
前端 Web 开发分类下的高质量技能
HyperFrames Registry 集成
一种专业的 workflow 技能，用于添加、配置和连接来自 HyperFrames registry 的模块化 Web 动画块和组件代码片段。
HyperFrames 的 CSS 动画
一种专门的动画适配器，使 HyperFrames 能够确定性地搜索、暂停和查找原生 CSS 关键帧动画。
n8n Community Node Creator
一个专业的编码助手，用于构建、配置、测试并发布可用于生产环境的 n8n 社区节点，作为稳健的 npm 软件包。
sher-deploy
一款零配置 CLI 工具，可自动检测、构建前端应用并将其部署到即时、可共享的实时预览 URL。
API Design & Documentation Generator
一款 AI 驱动的开发者助手，可将 API 描述转换为生产级 OpenAPI 规范、多语言代码示例和详尽的文档。
Publisher Skill
一款旨在将本地 HTML 前端项目发布到 PushWebly 并将其打包为可安装 Android APK 的 AI 智能体工具。
UI Cloner 技能
将产品屏幕截图转换为结构化、可重用的设计系统和自包含的 .skill 文件，供 AI agent 在任何技术栈中重构。
Type Scale Generator
一种设计工程技能，可根据基准大小和自定义比例计算出数学上平衡的排版缩放，并导出经过舍入、开箱即用的 CSS 自定义属性或 Tailwind 配置。
TRPG YAML to SVG Maps
Openclaw Skills 在不修改源 YAML 的情况下，将 TRPG YAML 地图定义转换为清晰、易读的 SVG 视觉地图。
读取 Figma 设计
一个用于将 Figma 设计数据提取并结构化到本地代码库中的确定性工具，以实现精准的 UI 实现。
javascript-toolkit-free
一个实用的 JavaScript 指南和工具包，旨在识别、预防和修复常见语言陷阱，如类型强转、`this` 绑定和异步错误。
API Integration Free
通过 RESTful 请求、API Key 身份验证和基础错误处理，快速集成第三方 API 的 Openclaw Skills。
前端 UI 工程师
前端 UI 工程师通过结构化输出和内置错误恢复，自动化生产级、无障碍、响应式 UI 开发及相关工程工作流。
Excalidraw 画布
一种可视化技能，使 AI 智能体能够以编程方式创建、渲染并共享可编辑的 Excalidraw 图表（PNG 格式）。
Mermaid 架构师
一个专门用于生成稳健且美观的 Mermaid.js 图表的智能体插件，采用安全语法和专业布局。
购物清单 UI
一个专为 shopping-list 技能设计的 Web 界面，将完整的 CRUD 仪表板集成到第二大脑门户中。
网站构建器
一个全面的产品战略和执行助手，能将模糊的网站想法转化为结构化、可随时构建的方案。
RenderKit
RenderKit 使 AI 智能体能够从结构化 JSON 数据中立即生成精美的托管网页和交互式数据收集表单。
PDF 生成技巧
这是一份关于通过掌握流式布局和打印专用 CSS 规则，从 HTML 和 CSS 生成专业级 PDF 的综合指南和技能集。
Miro Web SDK
一套用于构建 Web 插件和桌面应用程序的综合开发工具包，旨在扩展 Miro 的协作白板功能。