web

创建独特、达到生产级别且具备高设计质量的前端界面。当用户要求构建 Web 组件、页面、制品等时，请使用此技能……

审查 UI 代码是否符合 Web Interface Guidelines 规范。当要求“review my UI”、“check accessibility”、“audit design”、“review UX”或“check my site…”时使用。

使用 Azure Application Insights 监测 Web 应用的指南。提供遥测模式、SDK 设置和配置参考。何时：如何…

跨订阅或资源组列出、查找和显示 Azure 资源。处理诸如“列出我订阅中的网站”、“列出我的 Web…”等提示。

面向 AI 智能体的浏览器自动化 CLI。当用户需要与网站进行交互时使用，包括导航页面、填写表单、点击按钮、截取……

面向 Web 和移动端的 UI/UX 设计智能。包含 50+ 种风格、161 种调色板、57 种字体搭配、161 种产品类型、99 条 UX 准则以及 25 种图表…

适用于为自托管进行云服务器的设置、加固或审查，包括 DNS、SSH、防火墙、Nginx、静态站点托管、反向代理……

从公共网站提取设计原语，并为您的项目生成初始 token 文件。

自动化浏览器交互，用于 Web 测试、表单填写、截图和数据提取。当用户需要浏览网站、与 Web 交互时使用…

使用 Playwright 与本地 Web 应用交互和测试的工具包。支持验证前端功能、调试 UI 行为、捕获…

通过 ScrapeGraph AI CLI 搜索、抓取、爬取、提取结构化数据以及监控网页。当用户要求搜索网页、抓取网页……时使用。

通过 Firecrawl CLI 搜索、抓取网页并与 Web 交互。当用户想要搜索网络、查找文章、研究主题、在线查询、抓取网页、从 URL 获取内容、从网站提取数据、爬取文档、下载网站，或与需要点击或登录的页面进行交互时，请使用此技能。当用户说“获取此页面”、“从中提取内容”、“获取位于 https:// 的页面”或提及外部网站时，也应使用此技能。它提供实时网络搜索、完整页面内容获取和交互功能——超越了 Claude 原生内置工具的能力。对于本地文件操作、git 命令、部署或代码编辑任务，请勿触发此技能。

使用 squirrelscan CLI 审计网站的 SEO、性能、安全性、技术、内容及其他 15 个问题类别，内含 230+ 条规则。返回…

将应用和网站部署到 Vercel。当用户请求执行部署操作时使用，例如“部署我的应用”、“部署并提供链接”、“推送这个……”

用于操作 Firebase Hosting（经典版）的技能。当你需要部署静态 Web 应用、单页应用（SPA）或简单的微服务时，请使用此技能。切勿…

使用 Firebase App Hosting 部署和管理 Web 应用。在部署带有后端的 Next.js/Angular 应用时，请使用此技能。

在 RunComfy 上使用 Google Nano Banana 2（Gemini 系列的 flash 级文本生成图像模型）生成图像——内置该模型官方文档中的提示词模式，使该技能能获得比直接调用同一模型更出色的输出效果。文档详细说明了 Nano Banana 2 的优势（快速迭代、图像内文字排版渲染、可预测的画面构图、可选的联网背景信息）、分辨率级别的定价、安全容忍度调节机制，以及何时应转而使用 Nano Banana Pro / GPT Image 2 / Flux 2 / Seedream。通过本地 RunComfy CLI 调用 `runcomfy run google/nano-banana-2/text-to-image`。当触发词为“nano banana”、“nano-banana-2”、“nano banana 2”、“google image gen”、“gemini image”，或明确要求使用此模型生成图像时触发。

教导 AI 像高端设计机构一样进行设计。定义能让网站尽显高级感的精确字体、间距、阴影、卡片结构和动画……

将现有网站和应用升级至高端品质。审查当前设计，识别通用 AI 模式，并应用高标准设计规范，而无需……

一套用于使用现代前端 Web 技术（React、Tailwind CSS、shadcn/ui）创建复杂、多组件 claude.ai HTML 产物的工具集。使用…