{"repo":"HarinJin/KEZ-ProductPage-skill","free":true,"listed":false,"github":"https://github.com/HarinJin/KEZ-ProductPage-skill","clone":"git clone https://github.com/HarinJin/KEZ-ProductPage-skill.git","description":"커머스 상세페이지를 Figma에 직접 제작하는 Claude Code 스킬 (detail-page-core 공용판)","language":null,"stars":27,"topics":["claude-code","design-system","ecommerce","figma","skill"],"license":"MIT","category":"ecommerce","readme_excerpt":"KEZ-ProductPage-skill 커머스 상세페이지를 Figma 캔버스에 직접 제작·수정하는 Claude Code 스킬 ( detail-page-core ) 말로 요청하면(\"리뷰 섹션 만들어줘\") Claude Code가 Figma 공식 MCP를 통해 실제 Figma 파일에 오토레이아웃 프레임을 생성·편집합니다. 디자인 규칙을 측정값이 아니라 원리 로 정리한 디자인 시스템이 내장되어 있어, 어느 브랜드에든 그 브랜드의 색·서체를 꽂아 재사용할 수 있습니다. ▲ 이 히어로를 포함한 데모 페이지 전체를 본 스킬 자신이 Figma에 제작 했습니다 (브랜드 프로파일: demo-browser-ui ). 섹션별 해설은 아래 데모 참조. --- 최근 업데이트 텍스트로 보기 (2026-08-06) - 줄 넘김 스킬 업데이트 — 2줄이 넘어가는 제목일 경우 단어 단위로 줄을 넘겨줘요! 피그마의 한글 자동 줄바꿈은 단어 중간(\"…업데이트 했 / 습니다\")을 잘라내는데, 이제 어절 경계에서만 넘깁니다. - 어떻게 넘기나요 — ① 띄어쓰기 경계마다 위·아래 줄 폭을 피그마 안에서 실측 → ② 두 줄 다 폭 안에 들어가는 지점만 후보로 → ③ 폭 차이가 최소라도 말 덩어리를 가르면 반려 — \"수확 시기\" 같은 복합어, \"몇 px인지\"·\"(가열·농축 없음)\" 같은 따옴표·괄호 묶음은 함께 넘깁니다 → ④ 소프트 줄바꿈(Shift+Enter)으로 적용, 글자 크기·굵기 혼합 보존. - 적용 범위 — 기획서에서 제목·강조 역할인 텍스트가 2줄이 될 때만(글자수 근사 + 실측 폭으로 판정). 본문은 대상이 아닙니다 — 피그마에 keep-all 이 없어 수동 개행은 유지비만 만들거든요. 별도 감사를 돌리는 게 아니라 완료 전 검수 체크리스트 에서 확인하고, 카피 확정 후 마지막 공정으로 돌립니다. ( design-dna/03 §6 · build-recipes §3-F · troubleshooting T16) 실측 검증 결과 보기 — 신규 문구 10건 (이미지 클릭 시 원본 크기) 식품·가전·스포츠·화장품·반려동물·유아·아웃도어·가구·주방·헬스케어 10개 제품군에서 상세페이지에 흔히 쓰는 2줄 제목을 새로 지어, 피그마 캔버스에서 스킬 규칙만으로 처리한 결과입니다. 좌=자동 줄바꿈(무처리) / 우=스킬 적용, 각 건마다 트리거 수치와 조항 근거를 붙였습니다. # 제품군 자동 줄바꿈 스킬 판정 --- --- --- --- 01 식품·간편식 …사람들을 위 / 한 선택 절단 폭 1위가 보조용언 \"때우지 않는\"을 갈라 차순위 채택 02 가전·공기청정기 …컨디션을 바 / 꿉니다 절단 rank0 채택 370/444 03 스포츠·러닝화 …쿠셔닝입 / 니다 절단 rank0 채택 328/444 · 10km 은 절단 대상 아님 확인 04 반려동물·사료 절단은 없으나 697/127 불균형 따옴표 묶음 차단 발동 → 507/317 05 유아·젖병 …안심하 / 고 절단 rank0 채택 445/444 (차이 1) 06 아웃도어·텐트 …간편 / 하게 절단 rank0 채택 405/359 · \"안","default_branch":null,"files":null,"tree":[],"storefront":"/r/HarinJin","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/HarinJin/KEZ-ProductPage-skill/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}