前端开发包

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

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

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

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

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

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

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

借助 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 项目文件中的数据，适合从抓包记录里查找请求、响应和安全测试线索。

使用 React 以编程方式制作视频，把组件和动画渲染成视频文件。适用于数据可视化视频、批量生成片头等场景，产出可导出的视频成品。

介绍现代 SwiftUI 的实践方式与 iOS 26+ Liquid Glass 视觉的接入，适合新界面开发与旧界面迁移，产出符合新系统风格的 SwiftUI 代码。

用于审计网页的 Core Web Vitals 与阻塞渲染的资源，定位加载和渲染性能问题，适合在上线前检查并优化页面速度。

介绍在 Cloudflare 上构建带状态和 WebSocket 通信的 AI 代理，适合需要实时双向交互的对话或协作类应用。

讲解如何构建远程 MCP 服务器，包含工具定义与 OAuth 授权，适合把内部能力以标准协议开放给 AI 客户端调用。

来自 Callstack 的 React Native 性能优化经验，用于列表渲染、启动速度与内存等问题的改进，适合移动端应用调优时参考落地。

为敏感应用整理安全蓝皮书，梳理威胁面、防护措施与响应流程，适合上线前的安全评审与内部规范沉淀。