Agent 技能库

面向网页前端的设计与 UI/UX 开发辅助，用于规划界面结构、交互和视觉风格，适合从设计稿到页面实现的任务。

使用 Playwright 对本地 Web 应用进行自动化测试，可模拟页面操作并检查行为，适合验证界面流程、表单和交互。

指导创建 MCP 服务器，把外部 API 与服务接入支持 MCP 的客户端，适合封装数据源或工具能力，产出服务端实现。

用于设计 PNG 与 PDF 格式的视觉作品，覆盖构图、配色和版式，适合制作海报、插画或印刷物料并导出成品文件。

用于构建较复杂的 claude.ai HTML 产物，基于 React 与 Tailwind 组织页面和组件，适合制作可交互的网页演示或原型。

将 Anthropic 的品牌配色与字体规范应用到各类产物，适合需要统一视觉风格的文档、页面或演示材料。

为文档、网页等产物套用专业主题，也可按需求生成自定义主题，适合统一配色与字体风格，输出可应用的样式方案。

借助 p5.js 和可复现的随机种子生成程序化艺术图像，适合创作海报、纹理或视觉实验作品，输出生成式图形。

用于制作符合 Slack 体积与尺寸限制的动态 GIF，适合生成表情包、提示动图等小动画，产出可直接上传的 GIF 文件。

提供网页设计的规范与标准参考，涉及布局、可访问性和视觉一致性，适合在设计或评审页面时作为检查依据。

汇总 React 开发的最佳实践与常用模式，涉及组件设计、状态管理和性能优化，适合审查或改进现有 React 代码。

提供 React Native 的开发实践与性能建议，涉及渲染、长列表和原生交互等常见问题，适合优化移动端应用实现。

汇总 Next.js 的推荐做法与项目模式，适用于路由、数据获取和渲染方式的选型，可辅助搭建或审查 Next.js 应用。

介绍 Next.js 的缓存策略与支持缓存的组件写法，适合处理数据缓存和渲染性能问题，帮助调整页面的缓存行为。

用于把 Next.js 项目升级到较新版本，梳理版本差异与需要修改的配置和代码，适合版本迁移时按步骤完成升级。

汇集 UI/UX 设计模式与最佳实践，用于页面布局、组件设计和交互流程的改进建议，辅助代理在实现界面时做出更合理的设计取舍。

生成动画效果丰富的 HTML 演示文稿，并支持预览多种视觉风格。适用于网页端分享或产品发布演示，产出可在浏览器播放的幻灯片。

用于编写可复用的脚本，封装 Hugging Face API 的常见操作，适合把重复的查询、上传等流程整理成工具。

为代理构建界面提供一套有明确取向的设计约束与规范，适合前端页面与组件开发时统一视觉和交互决策，帮助产出更一致的 UI 代码。

用于创建和维护 DESIGN.md 文件，把设计规范与决策记录成文档，适合团队沉淀界面风格和设计约定。

把 Stitch 设计转换为 React 组件，适合从设计稿得到可用的组件代码，并在此基础上调整样式与交互。

通过细粒度的代码分析建立系统架构上下文，适合安全审计前理解调用关系、数据流和关键组件。

面向智能合约的安全工具集，提供针对多条区块链的漏洞扫描，适合合约开发与审计阶段排查风险。

用于搜索和提取 Burp Suite 项目文件中的数据，适合从抓包记录里查找请求、响应和安全测试线索。