tiptap
CommunityBuild rich text editors with Tiptap.
Authorbrendadeeznuts1111
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides comprehensive guidance and templates for building rich text editors using Tiptap in React applications, addressing common challenges like SSR hydration errors, image uploads, and styling.
Core Features & Use Cases
- SSR-Safe Setup: Prevents Next.js hydration errors with
immediatelyRender: false. - Image Uploads: Integrates with Cloudflare R2 for efficient image storage.
- Styling: Seamless integration with Tailwind v4 and shadcn/ui components.
- Use Case: Quickly set up a production-ready blog editor with image uploads and proper SSR handling, or troubleshoot common Tiptap errors like hydration mismatches or unstyled content.
Quick Start
Use the tiptap skill to set up a basic SSR-safe rich text editor in your React application.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferencesassets
💻 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/brendadeeznuts1111/tier-1380-omega/archive/main.zip#tiptap Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.