tiptap
✓React 및 Tailwind v4를 사용하는 헤드리스 편집기 프레임워크인 Tiptap을 사용하여 서식 있는 텍스트 편집기를 구축하세요. SSR 안전 설정, 이미지 업로드, 산문 스타일 지정 및 공동 편집을 다룹니다. 블로그 편집기, 댓글 시스템 또는 Notion과 유사한 앱을 만들거나 SSR 수화 오류, 타이포그래피 문제 또는 이미지 업로드 문제를 해결할 때 사용합니다.
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
React 및 Tailwind v4를 사용하는 헤드리스 편집기 프레임워크인 Tiptap을 사용하여 서식 있는 텍스트 편집기를 구축하세요. SSR 안전 설정, 이미지 업로드, 산문 스타일 지정 및 공동 편집을 다룹니다. 블로그 편집기, 댓글 시스템 또는 Notion과 유사한 앱을 만들거나 SSR 수화 오류, 타이포그래피 문제 또는 이미지 업로드 문제를 해결할 때 사용합니다. 출처: jezweb/claude-skills.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/jezweb/claude-skills --skill tiptap- 카테고리
- @협업
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
tiptap이란?
React 및 Tailwind v4를 사용하는 헤드리스 편집기 프레임워크인 Tiptap을 사용하여 서식 있는 텍스트 편집기를 구축하세요. SSR 안전 설정, 이미지 업로드, 산문 스타일 지정 및 공동 편집을 다룹니다. 블로그 편집기, 댓글 시스템 또는 Notion과 유사한 앱을 만들거나 SSR 수화 오류, 타이포그래피 문제 또는 이미지 업로드 문제를 해결할 때 사용합니다. 출처: jezweb/claude-skills.
tiptap 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/jezweb/claude-skills --skill tiptap 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/jezweb/claude-skills
상세
- 카테고리
- @협업
- 출처
- skills.sh
- 최초 등록
- 2026-02-01