Tiptap — скилл
Скилл Tiptap: агент подключает редактор, расширения, совместную работу и ИИ-функции по документации нужной версии
- 39 032 ★ репозитория
- Последний коммит
- MIT
Расширенный доступ
Почему такой уровень
- Агент устанавливает пакеты npm и правит исходный код приложения
- Для справки агент ходит на tiptap.dev и может клонировать репозиторий Tiptap
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/tiptapОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент устанавливает пакеты npm и правит исходный код приложения
- Для справки агент ходит на tiptap.dev и может клонировать репозиторий Tiptap
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл `tiptap` ведет агента через интеграцию редактора Tiptap в приложение: от установки пакетов до совместного редактирования и комментариев. Сначала агент определяет фреймворк, установленные версии Tiptap и нужную функцию, затем открывает документацию и исходники этой версии. Четыре справочных файла разбирают темы по мере надобности: установка и обновление пакетов с выбором API для React и настройкой серверного рендеринга, совместная работа и история версий, ИИ-функции и работа агента с документом, комментарии, отслеживание правок, конвертация документов и разметка страниц. Страницы документации агент берет в Markdown, добавляя `.md` к адресу, а список страниц читает из `llms.txt`. Репозиторий клонировать нужно редко: исходники лежат в `node_modules/@tiptap/*`.
Для кого. Разработчикам, которые встраивают редактор Tiptap в веб-приложение на React, Vue или Next.js и поручают настройку Claude Code, Cursor или Codex.
Подходит, если
- В приложении на Next.js редактор падает при серверном рендеринге, и агент должен выставить `immediatelyRender: false`
- Команда добавляет совместное редактирование и историю версий и сверяет пакеты с версией, которая уже стоит
- Проект подключает платные расширения Tiptap из закрытого реестра npm
- Нужен собственный блок для редактора, и агент читает установленные `@tiptap/*` перед написанием расширения
Не подходит, если
- Вы вносите правки в сам монорепозиторий Tiptap: скилл исключает работу над ним
- Нужен редактор на другой библиотеке, например Lexical или ProseMirror напрямую
- Задача касается остального приложения: скилл не затрагивает код вне редактора
Пример запроса к агенту
Подключи редактор Tiptap в наш Next.js проект, добавь жирный текст, списки и вставку изображенийОграничения
Скиллу нужен git. Расширения Pro лежат в закрытом реестре npm, и доступ к ним оформляет сам пользователь по инструкции в документации Tiptap. Скилл работает только с версиями Tiptap, которые уже стоят в проекте или указаны в запросе, а проект на второй версии сначала надо обновить. Правила `AGENTS.md` и `CLAUDE.md` из клонированного репозитория Tiptap предназначены для контрибьюторов, и скилл запрещает применять их в проекте пользователя. Документацию агент читает из сети, на tiptap.dev, поэтому без доступа к сайту часть справки недоступна.
Как отключить. Удалите папку `tiptap` из каталога скиллов проекта (`.claude/skills/` или `.agents/skills/`) либо выполните удаление через `npx skills`.
Частые вопросы
Как поставить скилл Tiptap в Claude Code?
Выполните в корне проекта `npx skills add ueberdosis/tiptap --skill tiptap`. Команда кладет скилл в каталог выбранного агента, после чего агент подхватывает его для задач с Tiptap.
Зачем скиллу отдельная проверка версии Tiptap?
API редактора меняется от версии к версии, и примеры из памяти модели часто устарели. Скилл велит свериться с установленной версией и ставить новые проекты на последнюю стабильную.
Что делать с ошибкой редактора в Next.js?
При серверном рендеринге задайте при создании редактора опцию `immediatelyRender: false`, иначе редактор падает. Скилл напоминает об этом и отсылает к странице установки для Next.js.
Можно ли с этим скиллом ставить платные расширения?
Скилл знает, что расширения Pro идут из закрытого реестра npm, и отсылает к инструкции по их подключению. Доступ и учетную запись Tiptap оформляете вы.
Чем скилл отличается от самой документации Tiptap?
Он задает порядок работы агента: определить версию, найти нужную страницу в `llms.txt`, читать исходники из `node_modules`. Тексты справки скилл оставляет на сайте и ссылается на них.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыПанель разметки для React-страниц: клик по элементу дает агенту селектор и контекст, скиллы настраивают подключение и сами ведут критику интерфейса
CLI создает холст, где ИИ-агент строит дашборды, отчеты и макеты как React-артефакты, а правки привязаны к блокам страницы
Скилл учит агента собирать чат ИИ-агента на 26 компонентах Agent Elements: карточки инструментов, ввод, стриминг
Перед кодом агент рисует в HTML-файле, что изменится в интерфейсе и API: цветные рамки, до и после, правки на схеме
Скилл building-ui открывает редактируемый макет интерфейса: правки идут прямо в нем, затем агент реализует его через TDD.
Официальный скилл tldraw для перевода проекта на новую версию SDK: сам находит версии, подтягивает заметки о релизах и чинит ошибки типов
Коротко о README
В README рядом с описанием редактора и примерами есть раздел про агентов: он советует поставить скилл Tiptap в проект командой `npx skills add`, чтобы кодовые агенты настраивали и отлаживали редактор. Сам скилл лежит в `.agents/skills/tiptap`, а справочные материалы разбиты на четыре файла.
Бейдж для README
Исходный SKILL.md
--- name: tiptap description: Integrate, build and debug Tiptap editors in applications. Use for Tiptap setup, installing or creating extensions, collaboration, comments, AI features, and document conversion. Excludes contributions to the Tiptap monorepo or unrelated application work. compatibility: Requires git metadata: author: tiptap version: '1.0' --- # Tiptap integration ## Workflow 1. Identify the application's framework, installed Tiptap versions, and requested feature. 2. Read the relevant documentation and installed source before choosing APIs. Match the implementation to the installed version rather than relying on remembered examples. 3. Load only the references relevant to the task below. For topics not listed, find the relevant page through the documentation index. | Task | Reference | | ----------------------------------------------------------------------------------------- | ----------------------------------------------------------------- | | Install or upgrade packages, choose a React API, configure SSR, or install pro extensions | [Setup and packages](references/setup.md) | | Add collaboration, version history, or snapshot comparison | [Collaboration and document history](references/collaboration.md) | | Add AI generation, agent document editing, or migrate retired AI extensions | [AI features](references/ai.md) | | Add comments, tracked changes, document conversion, or page layout | [Document features](references/document-features.md) | For custom extensions and integration debugging, inspect the relevant installed `@tiptap/*` source and documentation. Load a reference only if its topic applies. ## Finding Tiptap source and docs Avoid cloning. You usually don't need to. - **Docs**: append `.md` to any page URL on https://tiptap.dev/docs to fetch it as Markdown. `https://tiptap.dev/docs/llms.txt` lists every page with a one-line description. - **Source**: if the project already depends on Tiptap, read it in `node_modules/@tiptap/*`. Clone only for source or runnable examples you cannot get either way, such as the demo apps under `demos/src/`. Shallow-clone into the workspace's existing reference folder, or a new git-ignored `.reference/`: ```bash git clone --depth 1 --filter=blob:none https://github.com/ueberdosis/tiptap .reference/tiptap ``` Never clone `tiptap-docs`. The site is the interface. A cloned Tiptap repository is read-only reference. Its `AGENTS.md` / `CLAUDE.md` rules — changesets,