·tiptap

Crea editor di testo con Tiptap: framework di editor headless con React e Tailwind v4. Copre la configurazione sicura SSR, i caricamenti di immagini, lo stile della prosa e l'editing collaborativo. Da utilizzare durante la creazione di editor di blog, sistemi di commenti o app simili a Notion oppure per la risoluzione di errori di idratazione SSR, problemi di tipografia o problemi di caricamento di immagini.

483Installazioni·0Tendenza·@jezweb

Installazione

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

Come installare tiptap

Installa rapidamente la skill AI tiptap nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill tiptap
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Fonte: jezweb/claude-skills.

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

Crea editor di testo con Tiptap: framework di editor headless con React e Tailwind v4. Copre la configurazione sicura SSR, i caricamenti di immagini, lo stile della prosa e l'editing collaborativo. Da utilizzare durante la creazione di editor di blog, sistemi di commenti o app simili a Notion oppure per la risoluzione di errori di idratazione SSR, problemi di tipografia o problemi di caricamento di immagini. Fonte: jezweb/claude-skills.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/jezweb/claude-skills --skill tiptap
Categoria
@Collaborazione
Verificato
Prima apparizione
2026-02-01
Aggiornato
2026-03-11

Browse more skills from jezweb/claude-skills

Risposte rapide

Che cos'è tiptap?

Crea editor di testo con Tiptap: framework di editor headless con React e Tailwind v4. Copre la configurazione sicura SSR, i caricamenti di immagini, lo stile della prosa e l'editing collaborativo. Da utilizzare durante la creazione di editor di blog, sistemi di commenti o app simili a Notion oppure per la risoluzione di errori di idratazione SSR, problemi di tipografia o problemi di caricamento di immagini. Fonte: jezweb/claude-skills.

Come installo tiptap?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/jezweb/claude-skills --skill tiptap Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

https://github.com/jezweb/claude-skills