상품 자료 칸 — 다른 방식

지금 화면에서 사람이 내려야 하는 결정

자료 7장짜리 상품 하나 기준으로 셌습니다.

무엇	몇 번	어디에
이 장을 대표컷으로 삼을까	6	타일마다 `대표컷` 버튼
영상에 쓸까 말까	7	타일마다 `영상에 쓴다 / 안 쓴다`
라벨을 뭐라고 적을까	7	타일마다 84×26 입력칸
합계 20개 결정		폭 84px 칸 안에 3개씩

그리고 화면이 스스로 경고를 만듭니다 — 라벨 입력칸을 항상 열어 두니 안 채운 3개가 「라벨 없음 3」 경고로 올라옵니다. 사람이 뭘 잘못한 게 아니라 칸이 비어 있을 뿐입니다.

토스 기준으로 보면 — 처방은 「교체」 하나. 다만 교체할 것이 단계가 아니라 기본값이었습니다

토스 스킬은 화면을 고치기 전에 「이 화면에서 사람이 끝내려는 일이 무엇이고, 만들기의 어느 단계인가」를 먼저 정하라고 합니다. 그 한 문장이 답을 정합니다.

01 요청서의 자료 칸에서 사람이 끝내려는 일 = 「영상 만들 소재를 모아서 넘기는 것」.
만들기 단계로는 맨 앞의 「넣기」입니다. 고르는 자리(채택)가 아닙니다.

그런데 지금 화면은 타일마다 「영상에 쓴다 / 안 쓴다」를 묻습니다. 이건 채택 결정이고, 채택은 결과를 보고 하는 뒤 단계의 일입니다. 🔴 토스 스킬이 말하는 「작업의 의미와 UI가 어긋나는 부분」이 바로 이 자리입니다 — 그래서 처방이 「교체」가 됩니다.

토스 스킬이 시키는 것	이 화면에 대면	몇 번
유지 — 결과 미리보기 · 선택 대상 · 다음 행동	대표컷 한 장을 크게 + 「바꾸기」	3
접기 — 필요할 때 확인하는 원본 소재, 다시 열 경로를 남기고	나머지 자료는 작은 줄로, 누르면 펼침	3
연기 — 지금 결과에 기여하지 않는 추가 선택	라벨 입력칸을 요청서에서 뺀다	4
교체 — 작업의 의미와 UI가 어긋나는 부분	🔴 「고르기」를 「빼내기」로. 처음엔 이걸 「05 대본으로 보내기」로 읽었는데, 형 지적을 받고 보니 어긋난 것은 단계가 아니라 기본값이었습니다 — 0에서 시작해 고르게 해 놓고 실제 일은 「몇 장 빼는 것」이었습니다	12
유지 — "…실패 범위, 채택 상태"	상태를 호버 뒤에 숨기지 않습니다. 🔴 *형 말씀("딱 봤을 때 모든 상태 표시가 되어 있어야")과 스킬이 같은 말*입니다	12
제외 — "출시 핵심 결과에 기여하지 않는 고도화. 제외 이유와 재검토 조건을 적는다"	사진 크기·비율 자동 판별. 형 말씀 "MVP 때는 오버 엔지니어링" 그대로	12

「접기」 칸의 말은 스킬 원문 그대로입니다 — "필요할 때 확인하는 원본 소재·생성 설정·상세 근거. 다시 열 경로를 남긴다." 자료 사진이 바로 원본 소재입니다. 그래서 3번이 단품 중에서는 제일 스킬 그대로입니다. 다만 3번만으로는 라벨과 쓰임이 그대로 남아, 펼치면 지금과 똑같은 화면이 나옵니다.
🔴 그리고 「유지」 목록에 「채택 상태」가 들어 있는 것을 제가 처음에 못 봤습니다. 그래서 3번에서 나머지 사진의 상태를 통째로 접었는데, 그건 스킬이 유지하라고 한 것을 숨긴 것입니다.

🔴 앞서 제가 6+10을 권했는데, 토스 기준으로 보면 둘 다 걸립니다

안	스킬의 어느 줄에 걸리나
10번 대표컷·쓰임을 3단 하나로	「합치기」 항목에 예외가 박혀 있습니다 — "새 결과 채택 등 별도 결정은 합치지 않는다." 대표컷은 혜택 카드·첫 장면에 박히는 채택이고, 영상에 쓴다는 후보에 넣는 것입니다. 같은 질문이라고 본 제 판단이 틀렸습니다.
6번 자료 정리를 따로(모달)	짧은 검토의 마지막 줄 — "추가한 UI가 새로운 설정·승인 단계를 불필요하게 늘리지 않는가." 모달은 단계를 하나 더 만듭니다. 결정 수는 줄지만 스킬이 경계하는 방향입니다.
7번 초안을 미리 채워 두기	"자동화는 반복 입력·소재 전달·상태 연결에 우선. 사용자 판단이 필요한 품질 선택·결과 확정은 숨기지 않는다" · "관련 정보가 없으면 자동 승계했다고 표시하지 않는다." 「영상에 쓸까」는 품질 선택 쪽입니다.

12담아 두고 빼낸다 형 지적 그대로 — 고르는 게 아니라 탈락시키는 것

올리면 전부 영상 후보입니다. 사람이 하는 일은 「이건 빼」 하나뿐입니다. 상태는 호버 없이 자리와 글자로 보이고, 삭제도 항상 보입니다.

자료 10장 · 영상에 들어감 7 · 참고로만 3 ＋ 올리기

영상에 들어감 · 7

메인 ×

빼기

참고로만 · 3 — 영상에 안 들어감

넣기

형이 물으신 것	화면 어디에서 답하나
영상에 쓸 사진과 참고로만 쓸 사진을 어떻게 나누나	두 구역. 올리면 전부 위(영상)에 들어가고, 「빼기」를 누르면 아래(참고)로 내려갑니다
그걸 어떻게 보나	어느 칸에 있느냐가 곧 상태입니다. 참고 칸은 흐리고 제목에 숫자가 붙습니다. 호버 없음
삭제는 어떻게 하나	타일마다 오른쪽 위 ×. 두 칸 모두 항상 보입니다
메인 사진	맨 앞 한 장 = 메인. 배지만 붙고 버튼은 없습니다. 바꾸려면 순서를 앞으로 옮깁니다

결정 20 → 「뺄 것」만 3번타일당 요소 4 → 2 호버 0개토스 · 교체+유지

🔴 제외한 것 — 형 말씀 그대로 적어 둡니다. "픽셀이 너무 크다 세로가 너무 길다… 그게 뭔지는 우리가 알 수 없잖아. MVP 때는 오버 엔지니어링이야. 지금은 직관성이 필요해." → 자동 판별은 넣지 않습니다. 재검토 조건: 출시 뒤 「빼기」가 실제로 몇 번 눌리는지 보고.
🟡 순서 바꾸기(메인 교체)는 끌어 옮기기가 필요합니다(개발 확인). 안 되면 MVP 에서는 올린 순서 = 메인으로 두고 다시 올리게 합니다.
🟡 참고 사진이 어디에 쓰이는지(쇼호스트·배경 만들 때 참고로 들어가는지)는 아직 화면에 안 적었습니다 — 쓰이는 자리가 정해지면 구역 제목 옆에 한 줄로 붙입니다.

11겹친 안 3(유지+접기) + 4(연기) + 9(교체) — 토스 그대로

요청서는 소재를 모으는 자리로 되돌리고, 고르는 일은 고를 수 있는 자리로 보냅니다.

대표컷

영상 첫 장면과 혜택 카드에 씁니다

바꾸기

모은 자료 7장 ＋ 올리기

어느 걸 영상에 쓸지는 05 대본에서 컷마다 고릅니다 모두 보기

요청서 결정 20 → 1가짜 경고 사라짐 유지접기연기교체 새 단계 0개

스킬이 같이 시키는 것 둘 — 이것까지 해야 이 안이 완성됩니다
① "다시 열 경로를 남긴다" → 접은 자료로 돌아가는 「모두 보기」를 남겼습니다.
② "제외 이유와 재검토 조건을 적는다" → 「어느 걸 쓸지는 05 대본에서」 한 줄이 그것입니다. 이 줄이 없으면 사람은 「고르는 기능이 없어졌다」고 읽습니다.
🔴 개발 확인 — 05 대본에서 컷마다 사진을 고르는 자리가 지금 코드에 없습니다. 그 칸을 내야 이 안이 섭니다. 안 되면 3+4까지만 하고 쓰임은 요청서에 남깁니다(결정 20 → 7).

0지금 화면기준선

드롭존 → 숫자 요약 3개 → 타일 6개(+모두 보기) → 타일마다 버튼 2 + 입력칸 1.

여기에 끌어다 놓기
이미지 · PDF · 텍스트
파일 올리기 URL 가져오기

자료 7 영상에 씀 4 라벨 없음 3

대표컷

대표컷
영상에 안 쓴다

라벨

대표컷
영상에 안 쓴다

라벨

대표컷
영상에 안 쓴다

라벨

영상에 쓴다

모두 보기 7

걸리는 것 — 자료가 이미 7장 있는데 빈 드롭존이 맨 위 130px을 차지합니다 · 7장인데 6장만 보입니다 · 「영상에 안 쓴다」가 지금 상태인지 누르면 그렇게 되는 건지 안 보입니다.

1한 줄 목록타일을 눕힌다

한 장이 한 줄. 결정이 세로 한 축으로 줄을 서서 위에서 아래로 훑으면 끝납니다.

자료 7 · 영상에 쓸 4 ＋ 자료

흰 매트리스 정면 대표영상에 씀

모션베드 측면안 씀

침실 연출컷안 씀

헤드 각도 조절영상에 씀

리모컨 화면영상에 씀

결정 20 → 14읽는 방향 1개토스 · 합치기

걸리는 것 — 한눈에 보이는 장수가 줄어 세로로 길어집니다(7장이면 약 380px).

4라벨을 나중에입력칸을 지운다

요청서에서는 쓰임만 정하고, 라벨은 대본에서 그 사진을 실제로 쓸 때 물어봅니다.

자료 7 · 영상에 쓸 4 — 「라벨 없음」 경고 없음

대표

영상에 씀

안 씀

영상에 씀

결정 20 → 13경고 1종 사라짐토스 · 연기

걸리는 것 — 라벨을 대본 단계에서 받는 자리가 아직 없습니다(개발 확인). 05 대본에 칸을 하나 내야 합니다.

6자료 정리를 따로카드에는 한 줄만

요청서 카드는 한 줄로 줄이고, 고르는 일은 열었을 때 크게 합니다.

자료 7장 · 영상에 쓸 4장 · 대표컷 있음 정리하기

열면 ↓

자료 정리 — 소닉슬립 모션베드 킹(K)

영상에 쓸 것 · 4

대표

안 쓸 것 · 3

카드에서 세로 −430px첫 화면 결정 0개토스 · 접기+합치기

걸리는 것 — 안 열고 넘어갈 수 있습니다. 한 줄에 「덜 된 것」이 보여야 합니다(예: 대표컷 없음).

7미리 정해 두고 고치기만빈칸이 아니라 초안으로 연다

올리면 쓰임과 라벨이 이미 채워져 있고, 사람은 틀린 것만 고칩니다.

7장을 읽어 초안을 채워 뒀습니다 · 틀린 것만 고치시면 됩니다

매트리스 정면 대표영상에 씀고치기

모션베드 측면영상에 씀고치기

침실 연출안 씀 · 사람 나옴고치기

리모컨 화면안 씀 · 글씨 많음고치기

사람이 만질 결정 20 → 0~3왜 안 쓰는지 이유가 붙음토스 · 자동화

걸리는 것 — 초안이 틀리면 그대로 넘어갑니다. 그리고 이 자동 판정이 지금 코드에 없습니다(개발 확인).

9올리기와 고르기를 떼기요청서에서는 올리기만

요청서는 자료를 모으는 자리로만 두고, 어느 걸 쓸지는 02 쇼호스트·05 대본에서 정합니다.

01 요청서 — 자료

7장 모았습니다 ＋ 더 올리기
어느 걸 영상에 쓸지는 대본을 만든 뒤 고릅니다

요청서 결정 20 → 0흐름이 바뀜토스 · 교체

걸리는 것 — 단계 순서를 건드립니다. 지금 코드는 요청서에서 자료 쓰임이 정해진 걸 전제로 합니다(개발 확인).

10쓰임을 3단 하나로버튼 두 개를 하나로

「대표컷으로」와 「영상에 쓴다/안 쓴다」는 사실 같은 질문 하나입니다 — 이 장을 어디에 쓰나.

한 장마다 하나만 고르시면 됩니다

대표상세안 씀

결정 20 → 7버튼 13 → 0토스 · 합치기

걸리는 것 — 3단이 84px 안에 들어가려면 글자가 작아집니다(지금 시안 10px). 타일을 조금 넓혀야 합니다.

한 표로

#	이름	결정 수	제일 큰 값	제일 큰 걸림돌
0	지금	20	—	84px 안에 결정 3개
1	한 줄 목록	14	읽는 방향 하나	세로로 길어짐
2	두 칸 나누기	7	버튼이 사라짐	끌어 옮기기 필요
3	대표컷 먼저	1+펼침	세로 −60%	안 펼치고 지나감
4	라벨 나중에	13	가짜 경고 없어짐	05에 칸을 내야 함
5	체크 격자	13	타일이 낮아짐	★을 배워야 함
6	자료 정리 따로	0+열기	카드 세로 −430px	안 열고 지나감
7	초안으로 열기	0~3	사람 일이 거의 0	초안이 틀리면 그대로
8	크게 보며 넘기기	7	작은 썸네일 해결	한 장씩이라 느림
9	올리기/고르기 분리	0	요청서가 가벼워짐	단계 순서를 건드림
10	쓰임 3단 하나	7	버튼 13 → 0	🔴 토스 「합치기」 예외에 걸림
12	담아 두고 빼낸다	뺄 것만	상태가 자리로 보임 · 삭제 항상 보임	순서 바꾸기는 개발 확인
11	겹친 안 3+4+9	1	—	🔴 「여기서 어떻게」에 답을 안 함

「결정 수」는 자료 7장짜리 상품 하나 기준입니다. 지금 화면은 상품이 늘면 그만큼 곱해집니다.

상품 자료 칸 — 다른 방식

지금 화면에서 사람이 내려야 하는 결정

토스 기준으로 보면 — 처방은 「교체」 하나. 다만 교체할 것이 단계가 아니라 기본값이었습니다

🔴 앞서 제가 6+10을 권했는데, 토스 기준으로 보면 둘 다 걸립니다

12담아 두고 빼낸다 형 지적 그대로 — 고르는 게 아니라 탈락시키는 것

영상에 들어감 · 7

참고로만 · 3 — 영상에 안 들어감

11겹친 안 3(유지+접기) + 4(연기) + 9(교체) — 토스 그대로

0지금 화면기준선

1한 줄 목록타일을 눕힌다

2두 칸으로 나누기상태를 「자리」로 보여 준다

영상에 쓸 것 · 4

안 쓸 것 · 3

3대표컷 먼저 · 나머지는 줄제일 중요한 한 장을 크게

4라벨을 나중에입력칸을 지운다

5체크만 하는 격자고르는 일 하나로

6자료 정리를 따로카드에는 한 줄만

영상에 쓸 것 · 4

안 쓸 것 · 3

7미리 정해 두고 고치기만빈칸이 아니라 초안으로 연다

8왼쪽 목록 · 오른쪽 크게한 장씩 보고 정한다

9올리기와 고르기를 떼기요청서에서는 올리기만

10쓰임을 3단 하나로버튼 두 개를 하나로

한 표로