
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 번호형 고객 후기 슬라이더 전체 소스 — 컴포넌트 파일과 바로 실행할 수 있는 사용 예제가 함께 들어 있어, 붙여 넣고 바로 편집할 수 있습니다.
- 문서화된 비주얼 규약: 팔레트, 타입 스케일, 모서리 반경, 아이콘 선 굵기, 모션 타이밍을 모두 한곳에서 수정하는 토큰으로 정리했습니다.
- 인물 사진과 사진 이미지가 블록과 함께 제공되며, 외부에서 불러오지 않고 로컬에 저장된 상태로 이미 배치되어 있습니다.
이런 분께 추천
- 고객 후기를 보여 주되, 레이아웃을 직접 다듬기보다 완성도 있는 구성을 바로 쓰고 싶은 경우.
- 인물 사진, 이름, 직함, 인용문 사이의 관계가 이미 정리된 디자인이 필요한 경우.
- 또 하나의 의존성을 계속 업그레이드하며 관리하기보다, 읽기 쉽고 직접 수정할 수 있는 소스를 원하는 경우.
이런 분께는 비추천
- 이미 성숙한 디자인 시스템을 운영 중인 팀 — 이 팔레트와 타입 스케일이 기존 것과 충돌합니다.
- 버전 관리되는 npm 패키지를 원하는 경우 — 이 Skill은 직접 유지보수할 소스를 제공합니다.
- 내비게이션, 폼, 인증, 결제가 필요한 프로젝트 — 이 블록은 그중 어느 것도 다루지 않습니다.
SNS 콘텐츠·캠페인제품 런칭·앱 성장웹 디자인·디지털 경험마케팅 비주얼 제작홈페이지 제작랜딩페이지 제작편집 가능한 결과물세련된 비주얼초보자 친화웜 뉴트럴틸 포인트키네틱사진풍
이 Skill 소개

블록 하나만 붙여 넣으면 고객 후기가 디자이너의 손을 거친 것처럼 보입니다. 인물 사진, 이름, 직함, 후기 문장이 단순히 쌓이지 않고 균형 있게 놓입니다. 직접 받은 후기로 바꿔 넣어도 레이아웃은 그대로 유지됩니다.
제공 내용
- 번호형 고객 후기 슬라이더 전체 소스 — 컴포넌트 파일과 바로 실행할 수 있는 사용 예제가 함께 들어 있어, 붙여 넣고 바로 편집할 수 있습니다.
- 문서화된 비주얼 규약: 팔레트, 타입 스케일, 모서리 반경, 아이콘 선 굵기, 모션 타이밍을 모두 한곳에서 수정하는 토큰으로 정리했습니다.
- 인물 사진과 사진 이미지가 블록과 함께 제공되며, 외부에서 불러오지 않고 로컬에 저장된 상태로 이미 배치되어 있습니다.
사용 방법
- 섹션을 넣을 위치를 어시스턴트에게 알려 주세요. 먼저 프로젝트를 읽은 뒤, 기존 코드 작성 방식에 맞춰 블록을 작성합니다.
- 문구를 직접 쓴 내용으로 바꾸세요. 글자 크기와 간격은 알아서 유지됩니다.
- 원하는 이미지를 넣으세요. 사람이 나오는 자리에는 인물 사진을, 나머지 자리에는 일반 사진을 넣습니다.
- 배포하기 전에 휴대폰에서 확인해 보세요. 모바일에서도 무너지지 않도록 이미 만들어져 있습니다.
시작 전에 필요한 것
- 최근 테스트
- v1.0.1 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…







