К основному содержанию
команда

setup-cdn-optimization — команда для Claude Code: настройка CDN

Слэш-команда разбирает трафик и типы контента, затем настраивает CDN: кэш, сжатие, картинки, инвалидацию.

Установить в Claude Code · Через claude-code-templates Все способы и платформы ↓
npx claude-code-templates@latest --command performance/setup-cdn-optimization
Открыть на GitHub

Что делает setup-cdn-optimization

Команда setup-cdn-optimization в Claude ведёт агента по десяти шагам настройки CDN. Сначала он оценивает распределение пользователей и типы контента, выбирает провайдера и планирует архитектуру edge-узлов. Дальше — конфигурация origin-серверов, SSL/TLS, домена и DNS.

Отдельные блоки посвящены статике и кэшу: хеширование имён файлов, бандлинг, code splitting, заголовки Cache-Control и TTL, ETags, многоуровневый кэш и прогрев. Сжатие Gzip и Brotli, форматы WebP и AVIF, ленивая загрузка изображений. Ещё команда описывает инвалидацию кэша, в том числе автоматическую при деплое и выборочную по тегам или шаблонам.

Провайдера можно задать аргументом: --cloudflare, --aws или --fastly, либо просто назвать его. Инструменты ограничены: Read, Bash, Grep, Glob — файлы команда читает и ищет, но не редактирует. Значит, конфиги и правки в панели провайдера вы вносите сами, а команда готовит план и команды. Если у вас нет доступа к настройкам CDN или домен ещё не переведён на него, шаги про DNS и сертификаты упрутся в это.

Какие задачи решает

  • выбрать CDN-провайдера под типы контента и географию пользователей
  • настроить заголовки кэширования и TTL для разных типов файлов
  • включить Gzip и Brotli для статики и ответов API
  • отдавать изображения в WebP и AVIF с фолбэками
  • настроить автоматическую инвалидацию кэша при деплое

Примеры запросов агенту

  • настрой CDN для моего проекта, провайдер --cloudflare
  • пройди по шагам setup-cdn-optimization и предложи политику кэширования для статики
  • разбери, какие заголовки Cache-Control поставить для картинок и шрифтов

Как установить setup-cdn-optimization

1Через claude-code-templates

npx claude-code-templates@latest --command performance/setup-cdn-optimization

2Вручную: положить файлы

.claude/commands/setup-cdn-optimization.md

Вызов — /setup-cdn-optimization. Для всех проектов — ~/.claude/commands/

Вопросы о setup-cdn-optimization

Как установить setup-cdn-optimization в Claude?

Через шаблоны: npx claude-code-templates@latest --command performance/setup-cdn-optimization. После этого файл команды лежит в .claude/commands/setup-cdn-optimization.md.

Что делает setup-cdn-optimization?

Проводит агента по десяти шагам настройки CDN: выбор провайдера, origin и SSL, оптимизация статики, сжатие, заголовки кэша, изображения, инвалидация, мониторинг, безопасность и контроль расходов.

Какие аргументы принимает команда?

Провайдера: --cloudflare, --aws или --fastly, либо его название без флага. Без аргумента команда начнёт с анализа трафика и сравнения провайдеров.

Исходный текст

setup-cdn-optimization.md · MIT
---
allowed-tools: Read, Bash, Grep, Glob
argument-hint: "[cdn-provider] | --cloudflare | --aws | --fastly"
description: Configure CDN for optimal content delivery, caching, and global performance optimization
---

# Setup CDN Optimization

Configure CDN for optimal delivery: **$ARGUMENTS**

## Instructions

1. **CDN Strategy and Provider Selection**
   - Analyze application traffic patterns and global user distribution
   - Evaluate CDN providers based on performance, cost, and features
   - Assess content types and specific caching requirements
   - Plan CDN architecture and edge location strategy
   - Define performance and cost optimization goals

2. **CDN Configuration and Setup**
   - Configure CDN with optimal settings for your content types
   - Set up origin servers and failover configurations
   - Configure SSL/TLS certificates and security settings
   - Implement custom domain and DNS configuration
   - Set up monitoring and analytics tracking

3. **Static Asset Optimization**
   - Optimize asset build process for CDN delivery
   - Configure content hashing and versioning strategies
   - Set up asset bundling and code splitting for CDN
   - Implement responsive image delivery and optimization
   - Configure font loading and optimization strategies

4. **Compression and Optimization**
   - Configure Gzip and Brotli compression settings
   - Set up build-time compression for static assets
   - Implement dynamic compression for API responses
   - Configure minification and asset optimization
   - Set up progressive image formats (WebP, AVIF)

5. **Cache Headers and Policies**
   - Design intelligent caching strategies for different content types
   - Configure cache control headers and TTL values
   - Implement ETags and conditional request handling
   - Set up cache hierarchy and multi-tier caching
   - Configure cache warming and preloading strategies

6. **Image Optimization and Delivery**
   - Implement responsive image delivery with multiple formats
   - Set up automatic image compression and optimization
   - Configure lazy loading and progressive image loading
   - Implement image resizing and format conversion
   - Set up WebP and AVIF format support with fallbacks

7. **CDN Purging and Cache Invalidation**
   - Implement intelligent cache invalidation strategies
   - Set up automated purging for deployment pipelines
   - Configure selective purging by tags or patterns
   - Implement real-time cache invalidation for dynamic content
   - Set up cache invalidation monitoring and alerts

8. **Performance Monitoring and Analytics**
   - Set up CDN performance monitoring and metrics tracking
   - Monitor cache hit ratios and bandwidth usage
   - Track response times and error rates across regions
   - Implement real user monitoring for CDN performance
   - Set up alerts for performance degradation

9. **Security and Access Control**
   - Configure CDN security headers and policies
   - Implement hotlink protection and referrer validation
   - Set up DDoS protection and rate limiting
   - Configure geo-blocking and access restrictions
   - Implement secure token authentication for protected content

10. **Cost Optimization and Monitoring**
    - Monitor CDN usage and costs across different tiers
    - Implement cost optimization strategies for bandwidth usage
    - Set up automated cost alerts and budget monitoring
    - Analyze usage patterns for tier optimization
    - Configure cost-effective caching policies

Focus on CDN optimizations that provide the most significant performance improvements for your specific content types and user base. Always measure CDN performance impact and adjust configurations based on real-world usage patterns.

© davila7 · MIT · davila7/claude-code-templates

Похожие слэш-команды

Все слэш-команды по теме «DevOps и инфраструктура» →
cdn-setup devops-skills Скилл помогает настроить CDN через CloudFront и Cloudflare: раздавать статику, защищать трафик по TLS и сбрасывать кеш. Пригодится при публикации сайтов и API. CX Codex +1 324установок cdn-caching официальный Vercel Labs Помогает понять, почему страница отдаётся из кэша или мимо него: статусы, причины, ревалидация, стоимость ISR. CX Codex GP ChatGPT 2установок waf-setup devops-skills Скилл разворачивает и настраивает веб-прикладной файрвол: правила AWS WAF, Cloudflare и ModSecurity под защиту от атак из OWASP Top 10. CX Codex +1 366установок vtex-io-service-paths-and-cdn vtex Помогает выбрать префикс пути в service.json и настроить Cache-Control так, чтобы кэш на edge не отдал чужие данные. CX Codex +1 1 100установок cloudfront aws Скилл по Amazon CloudFront: помогает решить, когда ставить CDN, настроить сертификаты, закрыть origin и ограничить доступ к контенту. CX Codex +1 5 200установок cloudflare-workers-performance secondsky Скилл для оптимизации Cloudflare Workers: CPU, память, кеш, размер бандла. Пригодится, когда воркер тормозит или упирается в лимиты. CX Codex +1 315установок

Из того же набора205

Весь набор →
team-knowledge-mapper Слэш-команда собирает матрицу навыков команды, находит пробелы в знаниях и подсказывает, кого чему учить. Пригодится тимлиду перед планированием. 235установок publisher-all Одна команда прогоняет четыре публикационных сценария подряд: тред для X, пост в LinkedIn, статью для Medium и RSS для Dev.to. 229установок archive Слэш-команда сохраняет завершённые оркестрации вместе с метриками и выводами, чтобы к ним можно было вернуться позже. 228установок game-performance-profiler Разбирает узкие места игрового проекта по кадрам, памяти и рендерингу и выдаёт список оптимизаций с приоритетами. 227установок discord-notifications Отправляет сообщение в Discord, когда Claude закончил работу или завершил субагента. Пригодится, если вы уходите от терминала и хотите знать, что задача готова. 217установок implement-graphql-api Слэш-команда собирает GraphQL API: схему, резолверы, подписки и защиту от N+1. Пригодится, когда нужен рабочий бэкенд, а не набросок. 212установок remove Убирает задачу из системы оркестрации и обновляет все ссылки на неё. Пригодится, когда задача устарела или дублируется. 209установок ascii-ui-mockup-generator Субагент рисует ASCII-макеты будущего интерфейса: несколько вариантов вёрстки, форм и дашбордов до того, как написан код. 207установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой