tiptap
✓Erstellen Sie Rich-Text-Editoren mit Tiptap – einem Headless-Editor-Framework mit React und Tailwind v4. Behandelt SSR-sichere Einrichtung, Bild-Uploads, Prosa-Styling und gemeinsame Bearbeitung. Verwenden Sie es, wenn Sie Blog-Editoren, Kommentarsysteme oder Notion-ähnliche Apps erstellen oder SSR-Hydrationsfehler, Typografieprobleme oder Probleme beim Hochladen von Bildern beheben.
Installation
SKILL.md
Status: Production Ready Last Updated: 2026-01-21 Dependencies: React 19+, Tailwind v4, shadcn/ui (recommended) Latest Versions: @tiptap/react@3.16.0, @tiptap/starter-kit@3.16.0, @tiptap/pm@3.16.0 (verified 2026-01-21)
Important: If using Tiptap v3.14.0+, drag handle functionality requires minimum v3.14.0 (regression fixed in that release). For Pro extensions with drag handles, React 18 is recommended due to tippyjs-react dependency.
Pattern: Base64 preview → background upload → replace with URL
Erstellen Sie Rich-Text-Editoren mit Tiptap – einem Headless-Editor-Framework mit React und Tailwind v4. Behandelt SSR-sichere Einrichtung, Bild-Uploads, Prosa-Styling und gemeinsame Bearbeitung. Verwenden Sie es, wenn Sie Blog-Editoren, Kommentarsysteme oder Notion-ähnliche Apps erstellen oder SSR-Hydrationsfehler, Typografieprobleme oder Probleme beim Hochladen von Bildern beheben. Quelle: jezweb/claude-skills.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/jezweb/claude-skills --skill tiptap- Quelle
- jezweb/claude-skills
- Kategorie
- @Zusammenarbeit
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist tiptap?
Erstellen Sie Rich-Text-Editoren mit Tiptap – einem Headless-Editor-Framework mit React und Tailwind v4. Behandelt SSR-sichere Einrichtung, Bild-Uploads, Prosa-Styling und gemeinsame Bearbeitung. Verwenden Sie es, wenn Sie Blog-Editoren, Kommentarsysteme oder Notion-ähnliche Apps erstellen oder SSR-Hydrationsfehler, Typografieprobleme oder Probleme beim Hochladen von Bildern beheben. Quelle: jezweb/claude-skills.
Wie installiere ich tiptap?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/jezweb/claude-skills --skill tiptap Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/jezweb/claude-skills
Details
- Kategorie
- @Zusammenarbeit
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01