ProseMirror를 기반으로 구축된 헤드리스, 프레임워크에 구애받지 않는 편집기인 Tiptap을 사용하여 서식 있는 텍스트 편집기를 구축하기 위한 전문가 지침입니다. Tiptap용 사용자 정의 노드, 표시 또는 확장 생성, 입력 규칙 또는 붙여넣기 규칙 구현, Tiptap 명령 API 작업, useEditor와의 React 통합 구축, 기존 확장 확장 또는 사용자 정의 노드 보기 생성 시 사용합니다.
명령줄에서 tiptap-dev AI 스킬을 개발 환경에 빠르게 설치
출처: xiaolai/vmark.
Expert guidance for building rich text editors with Tiptap - a headless, framework-agnostic editor built on ProseMirror.
See also: tiptap-editor skill — VMark-specific Tiptap API patterns (commands, node traversal, selection handling). Use tiptap-dev for general Tiptap/ProseMirror development, and tiptap-editor for VMark-specific editor integration.
| references/extensions.md | Extension types (Node, Mark, Extension), creation patterns | | references/commands-and-api.md | Commands API, editor API, chaining | | references/input-paste-rules.md | Input rules and paste rules | | references/react-integration.md | React-specific hooks and components |
ProseMirror를 기반으로 구축된 헤드리스, 프레임워크에 구애받지 않는 편집기인 Tiptap을 사용하여 서식 있는 텍스트 편집기를 구축하기 위한 전문가 지침입니다. Tiptap용 사용자 정의 노드, 표시 또는 확장 생성, 입력 규칙 또는 붙여넣기 규칙 구현, Tiptap 명령 API 작업, useEditor와의 React 통합 구축, 기존 확장 확장 또는 사용자 정의 노드 보기 생성 시 사용합니다. 출처: xiaolai/vmark.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/xiaolai/vmark --skill tiptap-devProseMirror를 기반으로 구축된 헤드리스, 프레임워크에 구애받지 않는 편집기인 Tiptap을 사용하여 서식 있는 텍스트 편집기를 구축하기 위한 전문가 지침입니다. Tiptap용 사용자 정의 노드, 표시 또는 확장 생성, 입력 규칙 또는 붙여넣기 규칙 구현, Tiptap 명령 API 작업, useEditor와의 React 통합 구축, 기존 확장 확장 또는 사용자 정의 노드 보기 생성 시 사용합니다. 출처: xiaolai/vmark.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/xiaolai/vmark --skill tiptap-dev 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/xiaolai/vmark