·tiptap
</>

tiptap

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

Crea editores de texto enriquecido con Tiptap, un marco de edición sin cabeza basado en ProseMirror para React con soporte Tailwind v4. Cubre la configuración segura de SSR, carga de imágenes, estilo de prosa, edición colaborativa y compatibilidad con rebajas. Úselo al agregar un editor de texto enriquecido, configurar extensiones Tiptap, manejar cargas de imágenes en editores o configurar la edición colaborativa con Y.js. Úselo para tiptap, texto enriquecido, editor, prosemirror, reaccionar, viento de cola.

oakoss·tiptap
25Instalaciones·2Tendencia·@oakoss

Instalación

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

Cómo instalar tiptap

Instala rápidamente el skill de IA tiptap en tu entorno de desarrollo mediante línea de comandos

  1. Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
  2. Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/oakoss/agent-skills --skill tiptap
  3. Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

Fuente: oakoss/agent-skills.

SKILL.md

Ver original

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

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/oakoss/agent-skills --skill tiptap
Fuente
oakoss/agent-skills
Categoría
</>Desarrollo
Verificado
✓
Primera vez visto
2026-02-25
Actualizado
2026-03-11
URL
https://www.learn-skills.dev/es/skills/oakoss/agent-skills/tiptap

Browse more skills from oakoss/agent-skills

Respuestas rápidas

¿Qué es tiptap?

Crea editores de texto enriquecido con Tiptap, un marco de edición sin cabeza basado en ProseMirror para React con soporte Tailwind v4. Cubre la configuración segura de SSR, carga de imágenes, estilo de prosa, edición colaborativa y compatibilidad con rebajas. Úselo al agregar un editor de texto enriquecido, configurar extensiones Tiptap, manejar cargas de imágenes en editores o configurar la edición colaborativa con Y.js. Úselo para tiptap, texto enriquecido, editor, prosemirror, reaccionar, viento de cola. Fuente: oakoss/agent-skills.

¿Cómo instalo tiptap?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/oakoss/agent-skills --skill tiptap Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw

¿Dónde está el repositorio de origen?

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

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-25

Skills Relacionados

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