Community코딩 & 개발github.com

djxky/pin-comments

HTML 데모에 멀티플레이어 온라인 댓글을 원클릭으로 추가: 핀 고정 / 답글 / 상태 전환 / 페이지 간 이동, Supabase 기반, BYOSupabase(자체 Supabase 사용), 공유 백엔드 없음. Cursor 및 Claude Code 기술.

pin-comments란 무엇인가요?

이 스킬은 개발자가 HTML 프로토타입이나 데모 페이지에 위치 기반 댓글(Pin), 답글, 상태 전환(예: 진행 중/해결됨), 그리고 페이지 간 이동이 가능한 멀티플레이어 온라인 댓글 시스템을 즉시 추가할 수 있게 해줍니다. Supabase를 백엔드로 사용하며, 'BYOSupabase(Bring Your Own Supabase)' 방식으로 개발자가 자신의 Supabase 프로젝트를 연결하기 때문에 공유 백엔드나 데이터 노출 우려가 없습니다. Cursor와 Claude Code에서 모두 사용 가능한 이 스킬은 SKILL.md 문서 기반으로 AI 에이전트가 HTML 파일 내에 필요한 스크립트와 UI 컴포넌트를 자동 삽입하도록 설계되었습니다. 주로 UI/UX 데모, 디자인 리뷰, 또는 협업 피드백 수집이 필요한 상황에서 유용하며, 별도의 서버 설치 없이 몇 줄의 설정만으로 실시간 협업 댓글 기능을 구현할 수 있습니다.

지원 대상✓Claude Code~Codex CLI✓Cursor
npx skills add djxky/pin-comments

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

pin-comments은(는) 무엇을 하나요?

HTML 데모에 멀티플레이어 온라인 댓글을 원클릭으로 추가: 핀 고정 / 답글 / 상태 전환 / 페이지 간 이동, Supabase 기반, BYOSupabase(자체 Supabase 사용), 공유 백엔드 없음. Cursor & Claude Code 스킬.

관련 스킬