# 5 CLI для сайтов в Claude Code

Пять CLI-инструментов, которые стоит поставить до сборки сайта в Claude Code: Impeccable (дизайн-скилл), Playwright CLI (агент сам тестит в браузере), Supabase CLI (БД и авторизация), GitHub CLI и Vercel (бесплатный деплой).

Прогон дефолтным стеком Claude Code рано или поздно упирается в одни и те же дыры: нет вкуса в дизайне, нет реального теста в браузере, нет прямого доступа к базе и деплою. Пять инструментов ниже закрывают это ещё до старта следующего проекта.

врезка `// Важно`: текст ««Playwright CLI» (`@playwright/cli`) — отдельный продукт, спроектированный именно под кодинг-агентов, а не обычный Playwright Test (`npm init playwright@latest`) и не Playwright MCP; команда установки у него своя, поэтому уточнение «именно CLI» в сценарии важно, а не просто оговорка.»

## 1. Impeccable — словарь дизайна

- Логика: даёт агенту 23 команды и правила-детекторы типичных признаков AI slop — вложенных карточек, шаблонных градиентов, серого текста на цветном фоне.
- Установка: `npx impeccable skills install`, затем внутри Claude Code — `/impeccable init`; альтернатива — установка как плагин: `/plugin marketplace add pbakaus/impeccable`.
- Источник: impeccable.style, репозиторий github.com/pbakaus/impeccable.

## 2. Playwright CLI — агент сам тестирует в браузере

- Логика: интерфейс командной строки для браузерной автоматизации, спроектированный специально под кодинг-агентов — токен-эффективные команды и снапшоты состояния страницы после каждого шага.
- Что делает: агент сам открывает страницу, кликает, заполняет формы, проверяет состояние — гоняет крайние случаи, которые руками проверять слишком долго.
- Установка: `npm install -g @playwright/cli@latest`, затем `playwright-cli --help`; без глобальной установки — `npx playwright-cli --help`.
- Источник: playwright.dev/agent-cli/introduction.

## 3. Supabase CLI — база и авторизация из терминала

- Логика: управление базой, авторизацией и остальным стеком Supabase прямо из терминала — без консоли в браузере.
- Установка: на macOS и Linux — `brew install supabase/tap/supabase`; на Windows — через Scoop; в Node.js-проекте без глобальной установки — `npx supabase --help`.
- Быстрый старт: `supabase init` создаёт локальный проект, `supabase start` поднимает весь стек (база, Auth, Storage) локально через Docker.
- Источник: supabase.com/docs/guides/local-development/cli.

## 4. GitHub CLI — код в репозиторий без браузера

- Логика: официальный CLI GitHub — issues, pull request'ы, релизы и репозитории без переключения в браузер.
- Установка: `brew install gh` на macOS; на Windows и Linux — через WinGet, apt, dnf, zypper или готовый бинарник с сайта.
- Источник: cli.github.com.

## 5. Vercel CLI — бесплатный деплой из терминала

- Логика: деплой проекта прямо из терминала — не нужно заходить в дашборд, чтобы проверить, работает ли сайт по-настоящему; для личных некоммерческих проектов действует бесплатный hobby-тариф.
- Установка: `npm i vercel` (или аналог для pnpm/yarn/bun); дальше — `vercel login`, затем `vercel` для деплоя.
- Источник: vercel.com/docs/cli.

> Дизайн, тест, база, репозиторий, деплой — пять разных зон ответственности, и в каждой свой инструмент из терминала вместо ручной проверки.

---

Источник: https://localhost:3000/m/5-cli-for-sites-claude-code