picture-element
编程协作 · 响应式图片优化 · 图片元素审查 · 图片回退检测 · 资源体积检查 · 加载策略优化 · 首屏性能优化
用于审查与“使用 <picture> 配合 <img> 回退”相关的图片资源、标记以及 CDN 或构建转译。同时检查编码体积、渲染体积、加载策略以及对首屏的影响…
7.4万+
全站搜索
用自然语言找工具、提示词、技能、MCP 与工作流。
已理解：
共 0 条
工具 2
查看全部技能 27
查看全部image-cdn
编程协作 · 图片 CDN 审查 · 图片格式自动转换 · 响应式图片生成 · 前端性能优化检查 · 首屏图片影响评估
用于审查与“通过 CDN 提供图像”相关的图像资源、标记以及 CDN 或构建转换。综合检查编码大小、渲染大小、加载策略以及对首屏内容的影响。
7.4万+
responsive-size
编程协作 · 响应式图片适配 · 图像尺寸审查 · CDN 构建优化 · 移动端性能 · 图片资源优化
用于审查与“以正确显示尺寸提供图片”相关的图片资源、标记以及 CDN 或构建转换。综合检查编码尺寸、渲染尺寸、加载策略以及对首屏的影响。
7.4万+
image-file-size
编程协作 · 图片体积审查 · 静态资源压缩 · CDN 图片处理 · 图像格式建议 · 页面性能审计
在审计图片处理流程、`public/` 中的静态资源、由 CMS 管理的媒体或图片 CDN 转码时使用。将文件体积问题与尺寸不匹配问题区分开来，以便判断是压缩问…
7.4万+
filename-quality
编程协作 · 图像文件名优化 · SEO 友好命名 · 图片资源审查 · CDN 构建检查 · 搜索引擎发现
在审查图像资源、标记以及 CDN 或构建相关的转换时使用，应检查图像文件名是否具有描述性。需同时核对编码后大小、渲染尺寸、加载策略以及首屏（above-the-…
7.4万+
srcset
编程协作 · skill · agent-skill · srcset · thedaviddias · Front-End-Checklist
在审查与 Use srcset for responsive images 相关的图片资源、标记以及 CDN 或构建转换时使用。需要一并检查编码后大小、渲染后大…
7.4万+
image-optimization
编程协作 · 网页图像优化 · 图片体积压缩 · 现代图片格式 · 加载策略审查 · 首屏性能优化 · 核心网页指标改善
用于审查与 Optimize all images for web 相关的图片资源、标记以及 CDN 或构建转换。同时检查编码后大小、渲染尺寸、加载策略以及首屏…
7.4万+
retina-display
编程协作 · 高清屏图像适配 · srcset 响应式图片 · 前端图像审查 · 高 DPI 资源优化 · 图像构建检查
用于审查与支持高 DPI 视网膜显示屏相关的图片资源、标记以及 CDN 或构建转换。综合检查编码尺寸、渲染尺寸、加载策略以及首屏影响。
7.4万+
image-compression
流程自动化 · 图片无损压缩 · 图像资源审查 · 首屏加载优化 · 编码体积核查 · 网页性能调优
用于审查图片资源、标记以及与无损压缩图片相关的 CDN 或构建转换。需同时检查编码大小、渲染大小、加载策略以及对首屏的影响。
7.4万+
svg-inline
设计多媒体 · 内联 SVG 优化 · 图片资源审查 · 页面体积优化 · 构建产物处理 · CDN 资源管理
用于审查与「管理内联 SVG 的大小与复杂度」相关的图片资源、标记以及 CDN 或构建时的转换处理。同时检查编码后大小、渲染后大小、加载策略以及对首屏的影响。
7.4万+
svg-optimization
编程协作 · SVG 体积压缩 · 图片资源审查 · 首屏加载策略 · CDN 构建优化 · 冗余元数据清理
在审查与 Optimize SVG files 相关的图像资源、标记以及 CDN 或构建转换时使用。需同时检查编码体积、渲染体积、加载策略及其对首屏内容的影响。
7.4万+
avif-format
编程协作 · AVIF 图片格式 · 现代浏览器压缩 · 图片资源审查 · CDN 转换优化 · 首屏加载提速
在检查图片资源、标记以及与为现代浏览器使用 AVIF 格式相关的 CDN 或构建转换时使用。综合检查编码后大小、渲染大小、加载策略以及对首屏内容的影响。
7.4万+
optimized
编程协作 · 图片资源优化 · 加载性能诊断 · CDN 构建处理 · 图像体积压缩 · 首屏渲染优化
在审查与“优化图片以加快加载速度”相关的图片资源、标记以及 CDN 或构建转换时使用。同时检查编码后大小、渲染大小、加载策略以及对首屏的影响。
7.4万+
offscreen-lazy
编程协作 · 图片懒加载 · 视口外图像优化 · 首屏加载提速 · 图片资源审查 · CDN 图像处理
用于审查与“离屏图片懒加载”相关的图片资源、标记以及 CDN 或构建转译配置。需综合考量编码体积、渲染尺寸、加载策略以及对首屏的影响。仅当能合理判断图片处于离屏…
7.4万+
dimensions
编程协作 · 图片尺寸审查 · 布局偏移检测 · Core Web Vitals 优化 · 前端资源校验 · 响应式图像处理
用于审查图片资源、相关标记以及与“为图片设置显式的 width 和 height”相关的 CDN 或构建转换。综合检查编码尺寸、渲染尺寸、加载策略以及对首屏的影…
7.4万+
broken-images
编程协作 · 图片资源审查 · CDN 构建排查 · 首屏加载优化 · 破损图片修复 · LCP 性能检查
在审查与修复失效图片相关的图片资源、标记以及 CDN 或构建转换时使用。同时检查编码后尺寸、渲染尺寸、加载策略以及对首屏的影响。
7.4万+
progressive-jpeg
编程协作 · 图片资源审查 · 渐进式 JPEG · 前端性能优化 · CDN 构建策略 · 首屏加载体验
用于审查与 Use progressive JPEG encoding 相关的图片资源、标记以及 CDN 或构建转换。同时检查编码后大小、渲染尺寸、加载策略以及…
7.4万+
sprite-generation
编程协作 · 图片精灵合并 · 雪碧图生成 · 前端图标资源合并 · HTTP 请求合并 · 图像加载优化
用于审查图像资源、标记以及与「在适用场景下使用图像精灵图」相关的 CDN 或构建转换。综合检查编码大小、渲染尺寸、加载策略以及对首屏渲染的影响。
7.4万+
figure-figcaption
编程协作 · 语义化图片标记 · 图片说明关联 · 无障碍图像描述 · 图片体积审查 · 图片加载策略 · 首屏性能影响
Use when reviewing image assets, markup, and CDN or build transforms related to
7.4万+
webp-format
编程协作 · WebP 图片格式 · 图像压缩优化 · 页面体积缩减 · 格式回退方案 · 前端资源审查 · CDN 构建优化
用于审查与“使用 WebP 格式并提供回退方案”相关的图片资源、标记以及 CDN 或构建转换。同时检查编码后体积、渲染尺寸、加载策略以及首屏（above-the…
7.4万+
modern-format
编程协作 · 现代图片格式 · 网页图片压缩 · 静态资源优化 · 首屏加载提速 · 核心网页指标改善 · 构建转换审查
用于审查图像资源、相关标记以及与使用现代图像格式（WebP、AVIF）相关的 CDN 或构建转换。综合检查编码体积、渲染尺寸、加载策略以及对首屏的影响。
7.4万+
error-images
编程协作 · 图片加载容错 · 前端资源审查 · CDN 构建检查 · 错误回退处理
用于审查与「优雅地处理图片加载错误」相关的图片资源、标记以及 CDN 或构建转换。综合检查编码后尺寸、渲染尺寸、加载策略及其对首屏内容的影响。
7.4万+
critical-images
编程协作 · 关键图片优化 · 首屏加载提速 · LCP 图片优先级 · Core Web Vitals 改进 · CDN 构建审查
用于审查与“优先加载关键图像”相关的图像资源、标记以及 CDN 或构建转换。综合检查编码尺寸、渲染尺寸、加载策略和对首屏体验的影响。
7.4万+
cdn
编程协作 · 内容分发网络 · 性能优化审查 · 静态资源加速 · 页面加载优化 · 前端性能审计
在审计页面加载缓慢、资源体积过大或与“使用内容分发网络”相关的渲染延迟时使用。请在推荐改动之前，先在 DevTools、Lighthouse 或线上数据中确认实…
7.4万+
x-content-type
编程协作 · HTTP 响应头审计 · MIME 嗅探防护 · 内容类型加固 · CDN 安全配置
用于审计任何 Web 服务器或 CDN 上的 HTTP 响应标头，以加强安全防护。
7.4万+
alt-text
编程协作 · 图片替代文本 · 无障碍审查 · WCAG 合规检查 · 前端可访问性 · 图片 SEO 优化
在审查与图片相关的资源、标记以及 CDN 或构建产物变换时使用。为图片提供有意义的 alt 文本。同时检查编码后大小、渲染后大小、加载策略以及对首屏的影响。
7.4万+
performance-resource-hints
编程协作 · 性能优化 · 资源提示 · 前端开发 · preload · prefetch
用于审查与“使用资源提示以加快加载”相关的页面加载缓慢、资源过大或渲染延迟问题。在提出变更建议之前，请先在 DevTools、Lighthouse 或线上数据中…
7.4万+
MCP 4
查看全部
Globalping MCP Server
研究与数据 · remote-mcp-server
用自然语言就能调全球网络诊断，排查延迟、丢包超方便。
Cloudflare MCP Server
开发工具 · 安全 · cloudflare · DevOps · 可观测性 · workers · performance · API 集成
官方 MCP 服务端，用于将 AI 助手与 Cloudflare 服务连接，实现安全、性能、可观测性以及 Workers 管理。
mcp-pyodide
开发工具
在浏览器里安全跑Python代码，让AI直接帮你写代码、做计算，不用切来切去。
cloudflare-api-mcp
开发工具 · cloudflare · API · 服务器 · cursor-agent · AI · cursor · model-context-protocol
用Cursor直接操作Cloudflare API，DNS管理、网络配置全都能自动化。