tiptap
✓Cree editores de texto enriquecido con Tiptap: marco de edición sin cabeza con React y Tailwind v4. Cubre la configuración segura de SSR, carga de imágenes, estilo de prosa y edición colaborativa. Úselo al crear editores de blogs, sistemas de comentarios o aplicaciones similares a Notion, o al solucionar errores de hidratación de SSR, problemas tipográficos o problemas de carga de imágenes.
Instalación
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
Cree editores de texto enriquecido con Tiptap: marco de edición sin cabeza con React y Tailwind v4. Cubre la configuración segura de SSR, carga de imágenes, estilo de prosa y edición colaborativa. Úselo al crear editores de blogs, sistemas de comentarios o aplicaciones similares a Notion, o al solucionar errores de hidratación de SSR, problemas tipográficos o problemas de carga de imágenes. Fuente: jezweb/claude-skills.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/jezweb/claude-skills --skill tiptap- Fuente
- jezweb/claude-skills
- Categoría
- @Colaboración
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es tiptap?
Cree editores de texto enriquecido con Tiptap: marco de edición sin cabeza con React y Tailwind v4. Cubre la configuración segura de SSR, carga de imágenes, estilo de prosa y edición colaborativa. Úselo al crear editores de blogs, sistemas de comentarios o aplicaciones similares a Notion, o al solucionar errores de hidratación de SSR, problemas tipográficos o problemas de carga de imágenes. Fuente: jezweb/claude-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/jezweb/claude-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 o Cursor
¿Dónde está el repositorio de origen?
https://github.com/jezweb/claude-skills
Detalles
- Categoría
- @Colaboración
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01