·tiptap
</>

tiptap

✓
oakoss/agent-skillsGitHub: oakoss/agent-skillsFonte: oakoss/agent-skills

Crea editor di testo con Tiptap, un framework di editor headless basato su ProseMirror per React con supporto Tailwind v4. Copre la configurazione sicura SSR, i caricamenti di immagini, lo stile della prosa, l'editing collaborativo e il supporto del markdown. Da utilizzare quando si aggiunge un editor di testo RTF, si configurano le estensioni Tiptap, si gestiscono i caricamenti di immagini negli editor o si imposta l'editing collaborativo con Y.js. Utilizzare per tiptap, rich text, editor, prosemirror, react, tailwind.

oakoss·tiptap
25Installazioni·2Tendenza·@oakoss

Installazione

GitHub: oakoss/agent-skills
$npx skills add https://github.com/oakoss/agent-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/oakoss/agent-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: oakoss/agent-skills.

SKILL.md

Visualizza raw

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

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/oakoss/agent-skills --skill tiptap
Fonte
oakoss/agent-skills
Categoria
</>Sviluppo
Verificato
✓
Prima apparizione
2026-02-25
Aggiornato
2026-03-10
URL
https://www.learn-skills.dev/it/skills/oakoss/agent-skills/tiptap

Browse more skills from oakoss/agent-skills

Risposte rapide

Che cos'è tiptap?

Crea editor di testo con Tiptap, un framework di editor headless basato su ProseMirror per React con supporto Tailwind v4. Copre la configurazione sicura SSR, i caricamenti di immagini, lo stile della prosa, l'editing collaborativo e il supporto del markdown. Da utilizzare quando si aggiunge un editor di testo RTF, si configurano le estensioni Tiptap, si gestiscono i caricamenti di immagini negli editor o si imposta l'editing collaborativo con Y.js. Utilizzare per tiptap, rich text, editor, prosemirror, react, tailwind. Fonte: oakoss/agent-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/oakoss/agent-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/oakoss/agent-skills

Dettagli

Categoria
</>Sviluppo
Fonte
skills.sh
Prima apparizione
2026-02-25

Skills correlate

playwright
80 Installazioni
tanstack-form
41 Installazioni
ui-ux-polish
40 Installazioni
tanstack-db
35 Installazioni
find-skills
34 Installazioni
vitest-testing
34 Installazioni