·tiptap
</>

tiptap

✓
oakoss/agent-skillsGitHub: oakoss/agent-skillsИсточник: oakoss/agent-skills

Создает редакторы форматированного текста с помощью Tiptap, платформы безголового редактора на основе ProseMirror для React с поддержкой Tailwind v4. Охватывает настройку SSR, загрузку изображений, оформление текста, совместное редактирование и поддержку уценки. Используйте при добавлении редактора форматированного текста, настройке расширений Tiptap, обработке загрузки изображений в редакторах или настройке совместного редактирования с помощью Y.js. Используйте для подсказок, форматированного текста, редактора, полузеркала, реакции, попутного ветра.

oakoss·tiptap
25Установки·2Тренд·@oakoss

Установка

GitHub: oakoss/agent-skills
$npx skills add https://github.com/oakoss/agent-skills --skill tiptap

Как установить tiptap

Быстро установите AI-навык tiptap в вашу среду разработки через командную строку

  1. Откройте терминал: Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.)
  2. Выполните команду установки: Скопируйте и выполните эту команду: npx skills add https://github.com/oakoss/agent-skills --skill tiptap
  3. Проверьте установку: После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Источник: oakoss/agent-skills.

SKILL.md

Показать raw

Tiptap is a headless rich text editor built on ProseMirror, providing a modular extension system for React applications. It supports React 19, Tailwind v4, and SSR frameworks like Next.js. Use when building blog editors, comment systems, documentation tools, or Notion-like collaborative apps. Do NOT use with Create React App (CRA is incompatible with Tiptap v3 ESM module structure; use Vite instead).

| Create editor | useEditor({ extensions: [StarterKit], immediatelyRender: false }) | | Render editor | | | Prose styling | Add className="prose dark:prose-invert max-w-none" to container | | Configure StarterKit | StarterKit.configure({ heading: { levels: [1, 2, 3] } }) |

| Disable undo/redo | StarterKit.configure({ undoRedo: false }) (required for Y.js collab) | | Image upload | Set allowBase64: false, use upload handler with URL replacement | | Markdown support | import { Markdown } from '@tiptap/markdown' (official, open-source) |

Факты (для цитирования)

Стабильные поля и команды для ссылок в AI/поиске.

Команда установки
npx skills add https://github.com/oakoss/agent-skills --skill tiptap
Источник
oakoss/agent-skills
Категория
</>Разработка
Проверено
✓
Впервые замечено
2026-02-25
Обновлено
2026-03-10
URL
https://www.learn-skills.dev/ru/skills/oakoss/agent-skills/tiptap

Browse more skills from oakoss/agent-skills

Короткие ответы

Что такое tiptap?

Создает редакторы форматированного текста с помощью Tiptap, платформы безголового редактора на основе ProseMirror для React с поддержкой Tailwind v4. Охватывает настройку SSR, загрузку изображений, оформление текста, совместное редактирование и поддержку уценки. Используйте при добавлении редактора форматированного текста, настройке расширений Tiptap, обработке загрузки изображений в редакторах или настройке совместного редактирования с помощью Y.js. Используйте для подсказок, форматированного текста, редактора, полузеркала, реакции, попутного ветра. Источник: oakoss/agent-skills.

Как установить tiptap?

Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/oakoss/agent-skills --skill tiptap После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw

Где находится исходный репозиторий?

https://github.com/oakoss/agent-skills

Детали

Категория
</>Разработка
Источник
skills.sh
Впервые замечено
2026-02-25

Похожие навыки

playwright
80 Установки
tanstack-form
41 Установки
ui-ux-polish
40 Установки
tanstack-db
35 Установки
find-skills
34 Установки
vitest-testing
34 Установки