pracht — скилл
Набор из 33 навыков Claude Code для приложений на Preact-фреймворке pracht: каркас, аудит, тесты и деплой.
- 109 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Часть навыков запускает аудит зависимостей, тесты и команды сборки в проекте.
Установка
- Работает в
Ручная установка
npm create pracht@latest my-appПервая команда из README: создает приложение и кладет четыре базовых навыка в `.claude/skills/`.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Часть навыков запускает аудит зависимостей, тесты и команды сборки в проекте.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
pracht — фреймворк на Preact, который описывает маршруты и операции приложения одним графом и отдает его браузеру и агентам. В репозитории есть папка `skills/` с 33 навыками Claude Code: генерация маршрутов, оболочек и API, отладка, деплой, миграция с Next.js и апгрейд пакетов. Отдельная группа навыков проверяет приложение: загрузчики, заголовки безопасности, CSRF, секреты в клиентском бандле, доступность и размер пакетов. Те же навыки публикуются по адресу `/.well-known/agent-skills/index.json` с контрольными суммами SHA-256, а `pracht dev-mcp` запускает stdio MCP-сервер для работы с графом приложения.
Для кого. Фронтенд-разработчикам на Preact, которые строят приложение на pracht и хотят отдать агенту каркас, аудит и подготовку к деплою.
Подходит, если
- Новое приложение создается командой `npm create pracht@latest`, и агенту нужны навыки проекта.
- Next.js-приложение переносят на pracht.
- Перед релизом проверяют загрузчики, заголовки и утечку секретов в клиент.
- Для маршрутов нужно подобрать SSG, ISG, SSR или SPA.
Не подходит, если
- Приложение написано на другом фреймворке и переезд не планируется.
- Нужны навыки общего назначения, не привязанные к pracht.
- Проект зависит от стабильного API: фреймворк молодой.
Пример запроса к агенту
Проверь маршруты приложения на защиту авторизацией и скажи, какие режимы рендера подойдут каждому.Ограничения
Навыки работают только внутри проектов на pracht, вне его они не нужны. По умолчанию `create-pracht` кладет в приложение четыре базовых навыка, остальные ставят по одному командой `pracht skills add`. Полный каталог включается флагом `--agent-tools=full`. Часть навыков запускает аудит зависимостей и тесты, поэтому смотрите, что агент выполняет. Фреймворк молодой, его API еще меняется, а навыки миграции и апгрейда следят за такими изменениями только в пределах опубликованных версий.
Как отключить. Удалите папку `.claude/skills/pracht-*` и запись `pracht dev-mcp` из `.mcp.json`. Навыки не меняют код сами, но сгенерированные файлы остаются в проекте.
Частые вопросы
Сколько навыков и откуда их брать?
В `skills/` 33 навыка. Их ставит `create-pracht` либо `pracht skills add`, который читает опубликованный индекс и проверяет SHA-256.
Что входит в базовый набор?
Четыре навыка: `pracht-scaffold`, `pracht-debug`, `pracht-deploy` и `upgrade-pracht`.
Есть ли MCP-сервер?
Да, `pracht dev-mcp` запускает stdio-сервер: граф приложения, диагностика, план изменений и генерация маршрутов. `create-pracht` пишет для него `.mcp.json`.
Можно ли перенести проект с Next.js?
Для этого есть навык `/migrate-nextjs`, он поддерживает App Router и Pages Router.
Как включить весь каталог?
Флагом `--agent-tools=full` при создании приложения; `--no-agent-tools` пропускает установку.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
Скиллыjulianromli/ai-skills
ai-skills
Сборник из 31 скилла для Claude Code и других агентов: интерфейсы, React, Postgres, код-ревью, SEO и браузерная автоматизация
145 плагинов-скиллов для Claude Code и Codex: Cloudflare, React, Tailwind, Nuxt, API, безопасность, тесты, ставятся по одному
14 скиллов для Claude Code по Makepad 2.0: DSL, раскладка, виджеты, события, анимации, шейдеры, темы и перенос с 1.x
Библиотека из 80 скиллов для Codex: дизайн-направление, фронтенд, анимации, доступность, проверка и передача сайтов
Скилл и MCP-сервер библиотеки Shaders: агент собирает фоны, стекло, градиенты и курсорные эффекты на WebGPU для React, Vue, Svelte, Solid и JS
58 узких скиллов по паттернам JavaScript, React и Vue с сайта patterns.dev, которые ставятся по стеку или по одному
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Звезды репозитория | Главное отличие |
|---|---|---|---|
| pracht (эта карточка) | нет | 109 | |
| React Doctor | нет | 15 126 | проверяет React-проекты; навыки pracht привязаны к одному фреймворку и включают каркас, миграцию и деплой |
| Nuxt MCP Toolkit | нет | 182 | инструменты для Nuxt; здесь Preact-фреймворк с навыками и MCP в комплекте |
Коротко о README
В README изложена идея единого графа приложения, команды `pracht dev`, `build`, `verify`, `plan`, `doctor`, три способа раздачи навыков и слой доверия для агентов с аудитом вызовов.