Netlify Image CDN
技能 已验证 活跃使用 Netlify Image CDN 进行图像优化和转换的指南。适用于提供优化后的图像、创建响应式图像标记、设置用户上传图像管道或配置图像转换。涵盖 /.netlify/images 端点、查询参数、远程图像允许列表、清理 URL 重写,以及将上传与 Functions + Blobs 结合使用。
指导开发人员有效利用 Netlify Image CDN 进行高效的图像优化和转换,从而提高性能和用户体验。
功能
- 即时图像优化和转换
- 支持各种查询参数(宽度、高度、拟合、质量、格式)
- 通过 netlify.toml 进行远程图像允许列表
- 清理 URL 重写以实现用户友好的图像 URL
- 与 Netlify Functions 和 Blobs 集成以实现用户上传的图像
使用场景
- 为 Web 应用程序提供优化后的图像
- 创建响应式图像标记
- 设置用户上传图像的管道
- 配置特定的图像转换预设
非目标
- 提供图像编辑的图形用户界面
- 替换本地图像优化工具
- 在没有 Netlify 基础设施的情况下处理图像存储和提供
安装
请先添加 Marketplace
/plugin marketplace add netlify/context-and-tools/plugin install context-and-tools@netlify-context-and-tools质量评分
已验证类似扩展
Netlify Caching
95Netlify CDN 缓存控制指南。在配置缓存标头、设置 stale-while-revalidate、实现按需清除缓存或理解 Netlify 的 CDN 缓存行为时使用。涵盖 Cache-Control、Netlify-CDN-Cache-Control、缓存标签、持久缓存和特定于框架的缓存模式。
Teach Guidance
100Guide a person in becoming a better teacher and explainer. AI coaches content structuring, audience calibration, explanation clarity, Socratic questioning technique, feedback interpretation, and reflective practice for technical presentations, documentation, and mentoring. Use when a person needs to present technical content and wants preparation coaching, wants to write better documentation or tutorials, struggles to explain concepts across expertise levels, is mentoring a colleague, or is preparing for a talk or knowledge-sharing session.
Prepare Inspection Readiness
100Prepare an organisation for regulatory inspection by assessing readiness against agency-specific focus areas (FDA, EMA, MHRA). Covers warning letter and 483 theme analysis, mock inspection protocols, document bundle preparation, inspection logistics, and response template creation. Use when a regulatory inspection has been announced or is anticipated, when a periodic self-assessment is due, when new systems have been implemented since the last inspection, or after a significant audit finding that may attract regulatory attention.
External Context
100Invoke parallel document-specialist agents for external web searches and documentation lookup
Deepinit
100Deep codebase initialization with hierarchical AGENTS.md documentation
Readme I18n
100当用户想要翻译存储库 README、使存储库支持多语言、本地化文档、添加语言切换器、国际化 README 或更新 GitHub 风格存储库中的本地化 README 变体时使用。