tiptap
✓Créez des éditeurs de texte enrichi avec Tiptap - framework d'édition sans tête avec React et Tailwind v4. Couvre la configuration sécurisée SSR, les téléchargements d'images, le style de prose et l'édition collaborative. À utiliser lors de la création d'éditeurs de blog, de systèmes de commentaires ou d'applications de type Notion, ou lors du dépannage d'erreurs d'hydratation SSR, de problèmes de typographie ou de problèmes de téléchargement d'images.
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
Créez des éditeurs de texte enrichi avec Tiptap - framework d'édition sans tête avec React et Tailwind v4. Couvre la configuration sécurisée SSR, les téléchargements d'images, le style de prose et l'édition collaborative. À utiliser lors de la création d'éditeurs de blog, de systèmes de commentaires ou d'applications de type Notion, ou lors du dépannage d'erreurs d'hydratation SSR, de problèmes de typographie ou de problèmes de téléchargement d'images. Source : jezweb/claude-skills.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/jezweb/claude-skills --skill tiptap- Source
- jezweb/claude-skills
- Catégorie
- @Collaboration
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que tiptap ?
Créez des éditeurs de texte enrichi avec Tiptap - framework d'édition sans tête avec React et Tailwind v4. Couvre la configuration sécurisée SSR, les téléchargements d'images, le style de prose et l'édition collaborative. À utiliser lors de la création d'éditeurs de blog, de systèmes de commentaires ou d'applications de type Notion, ou lors du dépannage d'erreurs d'hydratation SSR, de problèmes de typographie ou de problèmes de téléchargement d'images. Source : jezweb/claude-skills.
Comment installer tiptap ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/jezweb/claude-skills --skill tiptap Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/jezweb/claude-skills
Détails
- Catégorie
- @Collaboration
- Source
- skills.sh
- Première apparition
- 2026-02-01