К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

firebase-hosting-basics — скилл для Claude Code: деплой статики

Разворачивает статические сайты и SPA на Firebase Hosting CDN с SSL, preview-каналами и кастомными доменами.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add firebase/agent-skills --skill firebase-hosting-basics -a claude-code
Открыть на GitHub

Что делает firebase-hosting-basics

Скилл учит агента работать с классическим Firebase Hosting: деплоить собранные статические сайты и одностраничные приложения, настраивать редиректы, rewrites и заголовки в firebase.json, создавать preview-каналы для тестирования изменений до релиза, подключать кастомные домены. Внутри — инструкции по конфигурации (configuration.md) и деплою (deploying.md), команда локального эмулятора. Файлы кешируются на SSD-серверах CDN, SSL работает из коробки.

Не покрывает Firebase App Hosting для Next.js и серверного рендеринга, не трогает правила Firestore, Auth и Data Connect. Если проект требует SSR или автоматический git-деплой — это повод смотреть на App Hosting, а не классический Hosting. Для простых SPA на React, Vue или чистого HTML подходит.

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

  • развернуть статический сайт на Firebase Hosting CDN
  • настроить редиректы и заголовки в firebase.json
  • создать preview-канал для тестирования изменений
  • подключить кастомный домен к Firebase Hosting
  • локально протестировать конфигурацию хостинга

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

  • Разверни этот React-проект на Firebase Hosting
  • Настрой редирект с www на основной домен в firebase.json
  • Запусти локальный эмулятор Firebase Hosting для этого сайта

Как установить firebase-hosting-basics

1Через Skills CLI (Vercel)

npx skills add firebase/agent-skills --skill firebase-hosting-basics -a claude-code

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

~/.claude/skills/firebase-hosting-basics/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/firebase-hosting-basics/

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

Весь набор →
firebase-app-hosting-basics Google LLC Скилл помогает разворачивать и управлять SSR-приложениями на Next.js и Angular через Firebase App Hosting. Нужен для конфигурации, секретов и деплоя. Claude Code CX Codex Cursor +1 169 200установок firebase-data-connect Google LLC Скилл помогает проектировать схемы PostgreSQL, писать GraphQL-запросы и генерировать типизированные SDK для Firebase SQL Connect. Полезен при работе с реляционными базами в Firebase. Claude Code CX Codex Cursor +1 168 300установок firebase-security-rules-auditor Google LLC Проверяет правила безопасности Firebase на утечки, обход ролей и ошибки валидации. Нужен для аудита Firestore и Cloud Storage. Claude Code CX Codex Cursor +1 138 200установок firebase-ai-logic-basics Google LLC Подключает модели Gemini напрямую в клиенты Android, iOS, Web и Flutter через Firebase AI Logic. Помогает настроить вызовы API, стриминг и мультимодальные входы. Claude Code CX Codex Cursor +1 135 300установок firebase-crashlytics Google LLC Скилл для подключения Firebase Crashlytics к агентам в Claude Code, Cursor и других платформах. Собирает данные о падениях приложений на Android и iOS, помогает отследить ошибки через MCP-сервер Firebase CLI. Claude Code CX Codex Cursor +1 131 200установок xcode-project-setup Google LLC Скилл добавляет Swift Packages и связывает файлы в проектах Xcode. Пригодится для настройки зависимостей iOS, включая Firebase и Alamofire. Claude Code CX Codex Cursor +1 130 300установок firebase-remote-config-basics Google LLC Скилл помогает управлять Remote Config в приложениях на Android и iOS через Firebase CLI. Позволяет менять флаги функций и параметры без выкатки обновлений в магазины. Claude Code CX Codex Cursor +1 120 800установок

Похожие

ui-ux-pro-max nexu-io Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити. Claude Code CX Codex Cursor +1 5 400установок flutter-build-responsive-layout flutter Скилл обучает агента строить адаптивные интерфейсы Flutter под экраны телефонов и десктопов. Он задаёт правила работы с LayoutBuilder и MediaQuery. Claude Code CX Codex Cursor +1 42 300установок scroll-world oso95 Скилл собирает лендинг, где скролл управляет камерой: она влетает внутрь сцены и без склеек переходит к следующей. Claude Code CX Codex Cursor +1 4 800установок opentui anomalyco Подключает к агенту справочную документацию OpenTUI: Core, React и Solid, компоненты, API приложений, тестирование и деплой. Claude Code CX Codex Cursor +1 3 700установок pinia Anthony Fu Скилл Pinia добавляет в Claude Code справку по официальной библиотеке управления состоянием Vue. Помогает при создании хранилищ, работе с состоянием, геттерами и действиями в Vue-приложениях. Claude Code CX Codex Cursor +1 19 700установок flutter-add-widget-test flutter Скилл помогает писать компонентные тесты Flutter с помощью WidgetTester. Проверяет, как виджет отображается и реагирует на касания, скролл и ввод текста. Claude Code CX Codex Cursor +1 39 000установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о firebase-hosting-basics

Как установить firebase-hosting-basics в Claude Code?

Выполни npx skills add firebase/agent-skills --skill firebase-hosting-basics -a claude-code. Скилл появится в ~/.claude/skills/firebase-hosting-basics/SKILL.md.

Что делает firebase-hosting-basics?

Разворачивает статические сайты и SPA на Firebase Hosting, настраивает редиректы, rewrites и заголовки в firebase.json, управляет preview-каналами и кастомными доменами. Не работает с Firebase App Hosting для Next.js и SSR.

Когда использовать Firebase Hosting, а когда App Hosting?

Firebase Hosting — для статики и простых SPA без серверного рендеринга. App Hosting — для Next.js, Angular и других фреймворков с SSR, где нужен автоматический git-деплой.

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

SKILL.md · Apache-2.0
---
name: firebase-hosting-basics
description: >-
  Deploys and configures classic Firebase Hosting for static websites, single-page apps (SPAs), and microservices. Use when deploying static sites/SPAs, setting up custom domains, configuring firebase.json hosting settings (redirects, rewrites, headers, multi-site), or managing preview channels. Don't use for Firebase App Hosting (Next.js/SSR), Auth, Firestore queries/rules, Data Connect, or Crashlytics.
metadata:
  author: Google LLC
  category: Serverless
---

# hosting-basics

This skill provides instructions and references for working with Firebase
Hosting, a fast and secure hosting service for your web app, static and dynamic
content, and microservices.

## Overview

Firebase Hosting provides production-grade web content hosting for developers.
With a single command, you can deploy web apps and serve both static and dynamic
content to a global CDN (content delivery network).

**Key Features:**

- **Fast Content Delivery:** Files are cached on SSDs at CDN edges around the
  world.
- **Secure by Default:** Zero-configuration SSL is built-in.
- **Preview Channels:** View and test changes on temporary preview URLs before
  deploying live.
- **GitHub Integration:** Automate previews and deploys with GitHub Actions.
- **Dynamic Content:** Serve dynamic content and microservices using Cloud
  Functions or Cloud Run.

## Hosting vs App Hosting

**Choose Firebase Hosting if:**

- You are deploying a static site (HTML/CSS/JS).
- You are deploying a simple SPA (React, Vue, etc. without SSR).
- You want full control over the build and deploy process via CLI.

**Choose Firebase App Hosting if:**

- You are using a supported full-stack framework like Next.js or Angular.
- You need Server-Side Rendering (SSR) or ISR.
- You want an automated "git push to deploy" workflow with zero configuration.

## Instructions

### 1. Configuration (`firebase.json`)

For details on configuring Hosting behavior, including public directories,
redirects, rewrites, and headers, see
[configuration.md](references/configuration.md).

### 2. Deploying

For instructions on deploying your site, using preview channels, and managing
releases, see [deploying.md](references/deploying.md).

### 3. Emulation

To test your app locally:

```bash
npx -y firebase-tools@latest emulators:start --only hosting
```

This serves your app at `http://localhost:5000` by default.

© Google LLC · Apache-2.0 · firebase/agent-skills

Смотрите также

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

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