Skillry Pick
흩어진 카드 매거진v1.0.2
이 Skill로 다음을 할 수 있습니다: 블로그 사이트 제작.
인기
5.0다운로드 111회좋아요 4개저장 4회
무료
흰색 에디토리얼 바탕 위에 독립 매거진 웹사이트를 만듭니다. 회전된 종이 스토리 카드 다섯 장이 부채꼴로 펼쳐진 Hero, 묵직한 세리프 헤드라인, 괘선과 번호가 붙은 주제 색인, 넉넉한 사진 스토리 그리드, 드롭캡·인용구·사실 정리 박스가 있는 장문 아티클 페이지를 갖춥니다. 주제 아카이브, 장바구니와 결제가 있는 과월호·프린트 숍, 선물 옵션이 있는 구독, 소개, 문의, FAQ, 배송, 법적 고지 페이지가 모두 연결됩니다. 어떤 브라우저에서도 열리고 오프라인에서도 동작하는 독립형 파일 하나로 제공됩니다.
가장 많이 선택한 직무
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 완전한 매거진 사이트: 홈, 스토리, 장문 아티클, 아카이브가 있는 주제, 숍과 상품 페이지, 장바구니, 결제, 구독, 소개, 문의, FAQ, 뉴스레터, 배송, 법적 고지
- 에디토리얼 룩: Hero에 흩어진 스토리 카드 다섯 장, 호버 썸네일이 있는 괘선 주제 색인, 비대칭 사진 그리드, 풀블리드 피처, 세리프 본문 칼럼
- 작동하는 요소: 검색 오버레이, 그리드/색인 보기가 있는 스토리 필터, 저장한 스토리, 액자 미리보기가 있는 프린트 옵션, 장바구니 드로어, 결제 검증, 선물 구독
이런 분께 추천
- 장문 기사를 발행하며 차분하고 사진 중심인 온라인 공간을 원하는 독립 매거진, 저널, 뉴스레터
- 저널과 함께 작은 숍과 구독 또는 멤버십을 운영하는 메이커, 스튜디오, 여행·푸드 브랜드
- 스토리, 주제, 상품, 요금제를 모든 페이지가 렌더링하는 단순한 컬렉션으로 관리하고 싶은 편집자
이런 분께는 비추천
- 뉴스 사이트나 대량 발행 블로그. 이 레이아웃은 끊임없는 피드보다 호마다 몇 편의 장문 기사에 맞춰져 있습니다
- 강렬한 색감이나 다크 테마를 원하는 브랜드. 흰색 에디토리얼 바탕과 차분한 사진이 기본입니다
- 실제 결제나 이메일 발송. 결제와 폼은 페이지 안에서 검증하고 확인만 표시하며, 청구나 발송이 이루어졌다고 주장하지 않습니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험블로그 사이트 제작스타일 고정편집 가능한 결과물기사 본문에디토리얼 팬에디토리얼 Hero주제 색인
이 Skill 소개
흩어진 카드 매거진은 독립 매거진 웹사이트를 만듭니다. 흰색 에디토리얼 바탕, 회전된 종이 스토리 카드가 부채꼴로 펼쳐진 Hero, 괘선이 그어진 주제 색인, 장문 아티클 페이지에 더해 실제 출판물에 필요한 숍, 구독, 도움말 페이지까지 갖춥니다. 예시는 장소, 사물, 사람을 다루는 가상의 계간지 Ferrow로, 서로 연결된 36개 페이지로 구성됩니다.
제공 내용
- 카드 부채꼴 Hero, 주제 색인, 호수별 그리드, 풀블리드 피처 스토리, 캐러셀, 호수 소개 띠, 통계, 독자 편지, 뉴스레터 구독이 있는 홈페이지
- 드롭캡, 인용구, 사실 정리 박스, 읽기 진행률, 다음 스토리가 있는 장문 아티클 페이지와 지난 기사 아카이브가 있는 주제 페이지
- 가격이 바뀌는 옵션, 장바구니 드로어, 장바구니 페이지, 입력 검증이 있는 결제를 갖춘 과월호·프린트·노트 숍
- 연간 구독 조건과 선물 정보를 입력하는 구독, 편집진이 소개된 소개 페이지, 문의, FAQ, 뉴스레터, 배송, 개인정보 처리방침, 이용약관, 404 페이지
- 웹 폰트 두 종과 역할별로 계획한 사진이 내장되어 오프라인에서 동작하는 파일 하나
사용 방법
- 출판물 이름, 주제, 스토리 몇 편, 판매할 상품, 구독 혜택을 공유하세요.
- 에이전트가 이를 스토리, 주제, 숍에 배치하고, 하나의 아트 디렉션을 정해 사진을 생성한 뒤 모든 페이지를 채웁니다.
- 파일을 열어 스토리를 읽고, 장바구니에 상품을 담고, 결제 과정을 따라가 본 뒤 원하는 수정 사항을 평소 말투로 요청하세요.
사진은 에이전트의 이미지 도구로 만들며(해당 도구의 사용 요금이 발생할 수 있음) 보유한 사진 라이브러리를 사용해도 됩니다. 결제와 폼은 페이지 안에서 확인만 표시하며, 결제나 이메일이 실제로 처리되었다고 주장하지 않습니다.
시작 전에 필요한 것
- 준비할 것
- 출판물 또는 브랜드 이름, 독자층, 짧은 소개 문구 · 주제와 제목·장소·요약이 있는 스토리 몇 편 · 상품, 가격, 구독 조건, 배송 정보(선택 사항. 빠진 정보는 목록으로 정리된 플레이스홀더가 됩니다)
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 스토리, 상품, 인물 사진을 위한 에이전트의 이미지 도구(직접 사진을 제공하면 선택 사항)
- 외부 비용
- 스토리, 상품, 인물 사진은 에이전트의 자체 이미지 도구로 생성되며 해당 도구의 사용 요금이 발생할 수 있습니다. 대신 직접 사진을 제공해도 됩니다. 그 밖에 유료 서비스는 사용하지 않습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…