Umby Discover: 수술적 브리프 & 크리에이티브 방향은(는) 무엇을 하나요?
상시 적용 규칙이 적용됩니다. 무언가를 변경하기 전에
../umby-beast-code/references/standing-rules.md을 읽으십시오: 승인 게이트, 명시적 'Go' 없이 배포하거나 병합 금지, 프리뷰가 포함된 기능 브랜치, 보호된 코드, 모든 URL 유지 또는 리디렉션, 실제 증빙만 사용, 작업 로그 필수.
제네릭 프롬프트는 에이전트가 추측하게 만듭니다. LLM의 추측은 인터넷 통계 평균일 뿐입니다. 당신의 임무는 컴포넌트 코드를 한 줄도 작성하기 전에 구체적이고 의견이 분명하며, 카테고리를 선도하는 제품 및 시각적 정체성을 확정하는 것입니다. 사용자를 지루한 20문항 설문에 시달리게 하지 않고 말이죠.
1단계: 관찰 가능한 사실과 누락된 의도 분리하기
- 먼저 작업 공간 파일을 확인하십시오 (
package.json, 기존 CSS 토큰, 브랜드 에셋,README.md, 기존 라우트). 저장소가 이미 답변하고 있는 질문은 절대 묻지 마십시오. - 사용자의 요청을 **5가지 핵심 기둥(비-슬롭 브리프)**에 대해 감사하십시오:
- 기둥 1 — 직무 및 주요 행동: 누가 이 페이지에 도착하며, 어떤 회의감을 가지고 있고, 우리가 그들이 완료하기를 원하는 단일 행동은 무엇인가?
- 기둥 2 — 미적 원형 및 긴장감: 이 페이지는 시각적으로 어디에 위치하는가? (
references/aesthetic-archetypes.md에서 12가지 비-AI 원형을 읽으십시오.) - 기둥 3 — 증빙 및 콘텐츠 현실: 실제 제품 데이터, 지표, 사진 또는 라이브 대화형 메커니즘이 있는가? 아니면 가짜
"10,000+ 고객"채우기 대신 정직한 대화형 시뮬레이션을 구축해야 하는가? - 기둥 4 — 표면 범위 및 스택: 1차 패스(Pass 1)에 어떤 페이지/흐름이 포함되며, 어떤 스택 제약 조건(Astro 정적 속도 vs. Next.js 대화형 앱 vs. Shopify 헤드리스)이 적용되는가?
- 기둥 5 — 기존 제약 사항 (업데이트 전용): 어떤 URL, 로고, 브랜드 헥스 코드, 또는 체크아웃/인증 계약이 보호되어야 하는가?
2단계: 4~5문항 인입 게이트 실행하기
위 5가지 기둥 중 2개 이상이 진정으로 누락된 경우 (그리고 사용자가 즉시 자율 실행을 요청하지 않은 경우), UI 코드를 작성하기 전에 멈추고 references/question-bank.md에서 선택한 3~5개의 수술적 질문을 하십시오.
훌륭한 발견 질문을 위한 규칙
- 가능한 경우 호스트 질문 UI 사용: 사용자 환경이 구조화된 객관식 질문 도구(예:
ask_question)를 제공한다면, 질문당 3~4개의 구체적이고 대비되는 옵션과 함께 사용하고, 권장 선택지를(권장)접두사와 함께 맨 앞에 배치하십시오. 그렇지 않으면 깔끔한 번호가 매겨진 일반 텍스트 목록을 제시하십시오. - 열린 숙제가 아닌 구체적인 대비 제공: "어떤 색상과 글꼴을 좋아하세요?" 라고 절대 묻지 마십시오. 대신 날카로운 방향성 짝을 제시하십시오: 예: "(권장) 정밀 다크 모놀리스 (Linear / Raycast 수준: 흑요석
#0b0c0e, 날카로운 헤어라인 테두리, 단일 전기 악센트, 대화형 제품 스테이지)" vs. "편집형 하이키 라이트 (Stripe Press / Mercury 수준: 따뜻한 설화석고#faf9f6, 편집용 세리프 디스플레이 + 깔끔한 그로테스크 바디, 넉넉한 주간 간격)". - 최대 5문항 제한: 한 라운드의 날카로운 질문은 고무적이지만, 세 라운드의 지나친 세세함은 고장난 느낌을 줍니다.
3단계: 창의적 & 기능적 계약 확정하기
사용자가 답변하거나 (또는 명시적 자율 권한 하에 실행 중인 경우 최상의 원형 일치를 즉시 사용하여) 다음의 간결한 디자인 및 제품 계약을 작성하십시오 (인라인으로 12~15줄 또는 여러 경로 프로젝트의 경우 .umby/DESIGN_BRIEF.md에 저장):
- 대상 및 회의감: 누가 방문하는지와 페이지가 5초 안에 극복해야 할 정확한 의심을 한 문장으로 서술.
- 기본 뷰포트 행동: 정확히 하나의 주요 CTA 동사구 (예:
"대화형 샌드박스 시작","250g 백 추가 · $24"). - 선택된 원형 및 3가지 장인 벤치마크:
references/aesthetic-archetypes.md에서 명명된 원형 + 품질 기준 (절대 IP/에셋을 복사하지 않음)이 빌드의 기준이 되는 3가지 실제 제품. - 타이포그래피 쌍 및 스케일: 디스플레이 패밀리 + 바디 패밀리 + 모노 패밀리, 명시적 굵기 및 자간 규칙 포함.
- OKLCH 팔레트 기준: 기본 표면 밝기/색조 틴트, 기본 잉크, 헤어라인 알파, 그리고 단일 고확신 악센트 색상.
- 섹션 리듬 시퀀스: 인접한 두 섹션이 동일한 그리드 기하학을 공유하지 않는 5~8개 페이지 박자의 순서 목록.
- 반대 목표 (명시적 제외): 이 프로젝트에서 금지된 3가지 특정 클리셰 (예: "보라색-파란색 SaaS 글로우 없음, 3열 Lucide 아이콘 기능 행 없음, 확인되지 않은 고객 헤드샷 없음").
이 확정된 계약을 ../umby-architect/SKILL.md와 ../umby-craft/SKILL.md에 직접 전달하십시오.