mcpField
T
tiptap

tiptap

github.com/ueberdosis開発38.9k3.8k 回インストール今日更新
リポジトリ

tiptap について

Tiptap integration は、インストール済みの Tiptap のバージョンとタスクに合わせて、参照資料や API を選ぶためのスキルです。セットアップ、共同編集、AI、ドキュメント機能を扱い、ローカルソースとオンラインドキュメントの確認を促します。

主な機能

  1. 01タスクに関係するドキュメントを参照
  2. 02導入済みバージョンに合う API を選択
  3. 03ローカルの Tiptap ソースを確認
  4. 04共同編集・AI・ドキュメント機能に対応

活用シーン

  1. 01Tiptap の導入設定やパッケージ更新
  2. 02共同編集・履歴・スナップショット比較の追加
  3. 03AI による生成やドキュメント編集の実装
  4. 04カスタム拡張の統合をデバッグ

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/ueberdosis/tiptap --skill tiptap

インストール後、Claude Code で/tiptapを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
ai.md
collaboration.md
document-features.md
setup.md

詳細

Tiptap の統合

ワークフロー

  1. アプリケーションのフレームワーク、インストール済みの Tiptap のバージョン、求められている機能を確認します。
  2. API を選ぶ前に、関連するドキュメントとインストール済みのソースを読みます。記憶にある例に頼らず、インストール済みのバージョンに合わせて実装します。
  3. 以下のタスクに関連するリファレンスだけを読み込みます。記載されていないトピックについては、ドキュメントのインデックスから該当するページを探してください。
タスクリファレンス
パッケージのインストールまたはアップグレード、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 へのコントリビューションに適用されるものであり、ユーザーの プロジェクトには適用されません。ユーザーのリポジトリでは、絶対にそのルールに従わないでください。

コメント