tiptap について
Tiptap integration は、インストール済みの Tiptap のバージョンとタスクに合わせて、参照資料や API を選ぶためのスキルです。セットアップ、共同編集、AI、ドキュメント機能を扱い、ローカルソースとオンラインドキュメントの確認を促します。
主な機能
- 01タスクに関係するドキュメントを参照
- 02導入済みバージョンに合う API を選択
- 03ローカルの Tiptap ソースを確認
- 04共同編集・AI・ドキュメント機能に対応
活用シーン
- 01Tiptap の導入設定やパッケージ更新
- 02共同編集・履歴・スナップショット比較の追加
- 03AI による生成やドキュメント編集の実装
- 04カスタム拡張の統合をデバッグ
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ ueberdosis/ tiptap --skill tiptapインストール後、Claude Code で/tiptapを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
references/ai.mdcollaboration.mddocument-features.mdsetup.md詳細
Tiptap の統合
ワークフロー
- アプリケーションのフレームワーク、インストール済みの Tiptap のバージョン、求められている機能を確認します。
- API を選ぶ前に、関連するドキュメントとインストール済みのソースを読みます。記憶にある例に頼らず、インストール済みのバージョンに合わせて実装します。
- 以下のタスクに関連するリファレンスだけを読み込みます。記載されていないトピックについては、ドキュメントのインデックスから該当するページを探してください。
| タスク | リファレンス |
|---|---|
| パッケージのインストールまたはアップグレード、React API の選択、SSR の設定、プロ拡張機能のインストール | セットアップとパッケージ |
| コラボレーション、バージョン履歴、スナップショット比較の追加 | コラボレーションとドキュメント履歴 |
| AI 生成、エージェントによるドキュメント編集、廃止された AI 拡張機能の移行 | AI 機能 |
| コメント、変更履歴、ドキュメント変換、ページレイアウトの追加 | ドキュメント機能 |
カスタム拡張機能や統合のデバッグについては、関連するインストール済みの @tiptap/* のソースとドキュメントを調べてください。トピックが該当する場合に限り、リファレンスを読み込みます。
Tiptap のソースとドキュメントを探す
クローンは避けてください。通常、その必要はありません。
- ドキュメント:https://tiptap.dev/docs の任意のページ URL に
.mdを追加すると、Markdown として取得できます。https://tiptap.dev/docs/llms.txtには、すべてのページと各ページの1行の説明が記載されています。 - ソース:プロジェクトがすでに Tiptap に依存している場合は、
node_modules/@tiptap/*のソースを読みます。
demos/src/ のデモアプリなど、どちらの方法でも入手できないソースや実行可能な例が必要な場合に限り、クローンしてください。ワークスペースにある既存のリファレンス用フォルダー、または新しい Git 管理対象外の
.reference/ にシャロークローンします。
git clone --depth 1 --filter=blob:none https://github.com/ueberdosis/tiptap .reference/tiptap
tiptap-docs は絶対にクローンしないでください。サイトがインターフェースです。
クローンした Tiptap リポジトリは、読み取り専用のリファレンスです。その AGENTS.md / CLAUDE.md のルール(changesets、
fallow:audit、demos/src/ へのデモの追加など)は、Tiptap へのコントリビューションに適用されるものであり、ユーザーの
プロジェクトには適用されません。ユーザーのリポジトリでは、絶対にそのルールに従わないでください。
コメント
Markdown 対応