GETMDvibe coding prompts
전체 서비스 검색

COLLABORATION PROMPTS

협업 사이트 제작 프롬프트

협업 사이트는 어떻게 설계해야 하나요? 문서·댓글·참여자의 관계와 상태를 먼저 정리하고, 활동 인지와 충돌 방지을 주요 위험으로 다루세요. 아래 사례별 문서는 구현 명세와 디자인 기준을 함께 제공합니다.

핵심 목표
비동기·실시간 공동 작업
핵심 객체
문서·댓글·참여자
설계 리스크
활동 인지와 충돌 방지

10 실제 서비스

협업 · 10 실제 서비스

비동기·실시간 공동 작업을 목표로 하는 실제 서비스 10개의 개발 프롬프트와 DESIGN.MD입니다.

Slack업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 사이드바 → 작업 컨텍스트 → 본문 캔버스 → 보조 패널Figma업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 도구 레일 → 중심 캔버스 → 레이어/에셋 → 내보내기Miro업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 사이드바 → 작업 컨텍스트 → 본문 캔버스 → 보조 패널Microsoft Teams업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 사이드바 → 작업 컨텍스트 → 본문 캔버스 → 보조 패널Zoom업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 사이드바 → 작업 컨텍스트 → 본문 캔버스 → 보조 패널Dropbox업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 사이드바 → 작업 컨텍스트 → 본문 캔버스 → 보조 패널Google Drive업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 사이드바 → 작업 컨텍스트 → 본문 캔버스 → 보조 패널Microsoft 365업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 사이드바 → 작업 컨텍스트 → 본문 캔버스 → 보조 패널Loom업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 사이드바 → 작업 컨텍스트 → 본문 캔버스 → 보조 패널Coda업무 워크스페이스 · 차분하고 신뢰감 있는 · 정보 밀도 보통 · 사이드바 → 작업 컨텍스트 → 본문 캔버스 → 보조 패널

ANSWER GUIDE

협업 프롬프트 선택 기준

브랜드 인지도가 아니라 만들 제품의 핵심 화면과 반복 행동이 가장 비슷한 서비스를 선택하세요. 참고 서비스의 자산을 복제하지 않고 정보 우선순위와 상태 설계만 독립적인 제품에 적용합니다.

사이트 개발 기준

문서·댓글·참여자의 관계와 상태, 주요 사용자 흐름, 오류 복구와 완료 조건을 구현 가능한 명세로 제공합니다.

사이트 디자인 기준

협업의 문서·댓글·참여자을 중심으로 구성한 workspace 화면 · [color] 기반의 [reference] 브랜드 인상을 출발점으로 삼되 로고, 고유 문구, 이미지와 픽셀 레이아웃은 복제하지 않습니다.

반드시 점검할 위험

활동 인지와 충돌 방지을 핵심 설계 리스크로 다루고 loading, empty, error, partial-data, success 상태를 모두 정의합니다.