·tiptap
</>

tiptap

Crée des éditeurs de texte enrichi avec Tiptap, un cadre d'édition sans tête basé sur ProseMirror pour React avec la prise en charge de Tailwind v4. Couvre la configuration sécurisée SSR, les téléchargements d'images, le style de prose, l'édition collaborative et la prise en charge des démarques. À utiliser lors de l'ajout d'un éditeur de texte enrichi, de la configuration des extensions Tiptap, de la gestion des téléchargements d'images dans les éditeurs ou de la configuration de l'édition collaborative avec Y.js. À utiliser pour tiptap, texte enrichi, éditeur, prosemirror, réagir, vent arrière.

25Installations·2Tendance·@oakoss

Installation

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

Comment installer tiptap

Installez rapidement le skill IA tiptap dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/oakoss/agent-skills --skill tiptap
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : oakoss/agent-skills.

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) |

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/oakoss/agent-skills --skill tiptap
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-10

Browse more skills from oakoss/agent-skills

Réponses rapides

Qu'est-ce que tiptap ?

Crée des éditeurs de texte enrichi avec Tiptap, un cadre d'édition sans tête basé sur ProseMirror pour React avec la prise en charge de Tailwind v4. Couvre la configuration sécurisée SSR, les téléchargements d'images, le style de prose, l'édition collaborative et la prise en charge des démarques. À utiliser lors de l'ajout d'un éditeur de texte enrichi, de la configuration des extensions Tiptap, de la gestion des téléchargements d'images dans les éditeurs ou de la configuration de l'édition collaborative avec Y.js. À utiliser pour tiptap, texte enrichi, éditeur, prosemirror, réagir, vent arrière. Source : oakoss/agent-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/oakoss/agent-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, Cursor ou OpenClaw

Où se trouve le dépôt source ?

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