Skills
.Work. You
Rest

tiptap

Community

Build rich text editors that just work, while you rest.

Software Engineering#react#tailwind#ssr#rich text editor#collaborative editing#tiptap#image upload
Authorjezweb
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill eliminates the complexity and frustration of setting up Tiptap rich text editors, preventing common SSR errors and performance issues that waste development time.

Core Features & Use Cases

  • SSR-Safe Setup: Prevents Next.js hydration errors with proper configuration.
  • Image Upload Automation: Handles file uploads to Cloudflare R2, preventing database bloat from base64 images.
  • Use Case: Imagine you're building a blog platform. Use this Skill to create a fully-functional editor with image uploads, markdown support, and collaborative editing.

Quick Start

Set up a Tiptap rich text editor in a Next.js application with image upload support.

Dependency Matrix

Required Modules

None required

Components

templatesreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tiptap
Download link: https://github.com/jezweb/claude-skills/archive/main.zip#tiptap

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.