feat: strengthen design skill and refresh all showcases

packages/skill/references/images.md

@@ -90,15 +90,15 @@ printf '%s' "\$imagegen $PROMPT" \
 [개별] Overhead flat-lay on a worn wooden workbench: cut stems, florist shears, twine.
 ```
 
-- **3단계에서 정한 배경색을 프롬프트에 그대로 넣어라.** 사진이 페이지 배경과 이어진다
-- 크기는 양변 16의 배수: `1152x1536`(3:4) · `1536x1152`(4:3) · `2048x1152`(16:9)
+- 사진과 페이지 표면의 연결이 필요하면 3단계 배경색·재질을 프롬프트에 넣고, 자산의 실제 맥락이 더 중요하면 그 맥락을 우선한다
+- 크기·비율은 슬롯의 배포 크롭과 생성 모델의 지원 범위를 근거로 정한다. `1152x1536`(3:4) · `1536x1152`(4:3) · `2048x1152`(16:9)는 지원될 때의 예시다
 - 사람 얼굴은 피하는 쪽이 안전하다. 손·뒷모습·부분은 잘 나오고 얼굴은 어색해지기 쉽다
 - `No text` 를 넣어라. 넣지 않으면 간판·라벨에 뭉개진 글자가 생긴다
 
 ### 생성물은 반드시 눈으로 본다
 
 `Read` 로 열어 확인한 뒤에만 쓴다. 특히 **공간 사진**(작업실·매장)이 어색해지기 쉽다.
-주제가 안 맞으면 프롬프트를 **한 번에 한 가지만** 바꿔 다시 만든다.
+원인을 분리하려는 비교에서는 프롬프트를 한 번에 한 가지씩 바꾼다. 전체 방향이 맞지 않으면 관련 요소를 함께 고칠 수 있지만, 그 결과로 각 변경의 인과를 분리해 주장하지 않는다.
 
 ### 여러 화면이면 이미지 바이블부터 만든다