ГлавнаяМатериалы из Reels/ShortsЧек-лист
Чек-лист

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

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

Содержание5 глав
  1. 011. Impeccable — словарь дизайна
  2. 022. Playwright CLI — агент сам тестирует в браузере
  3. 033. Supabase CLI — база и авторизация из терминала
  4. 044. GitHub CLI — код в репозиторий без браузера
  5. 055. Vercel CLI — бесплатный деплой из терминала

Прогон дефолтным стеком 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.

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

Скачать материал