Skillry Pick
Cut-Paper Collective 사이트v1.0.2
이 Skill로 다음을 할 수 있습니다: 홈페이지 제작.
급상승
5.0다운로드 35회좋아요 3개저장 2회
$4.99
이 Skill을 구매하면 무엇을 받나요?찢은 종이 콜라주 스타일의 멀티페이지 디자인 콜렉티브 사이트입니다. 검은 배경 위 작은 중앙 정렬 Hero 아래로 물감 칠한 종이 언덕과 찢긴 크림색 가장자리가 펼쳐지고, 따뜻한 크림색 본문과 노랑·분홍·초록·종이 파랑 컬러 블록에 원칙 아코디언, 찢긴 파란 인용 밴드, 흑백 컷아웃 인물 사진을 담았습니다. Home, What we do, Approach, 프로젝트 페이지 4개를 포함한 Work, 멤버 페이지 3개를 포함한 People, 글 3편을 포함한 Journal, Contact, Privacy, Accessibility를 오프라인에서도 열리는 단일 독립형 파일로 제공합니다.
2026년 10월 3일 업데이트
미리보기 갤러리
비슷한 Skill
모든 Skill 보기
제공 내용
- 가상의 Commonfold Collective를 위한 20개 라우트 예시: 프로젝트 페이지 4개, 멤버 페이지 3개, 저널 글 3편, 연락처, 개인정보처리방침, 접근성, 디자인된 404 페이지.
- 실제로 작동하는 요소: 하나만 펼쳐지는 원칙 아코디언, 검색·정렬·빈 상태를 갖춘 작업 필터, 일반 요금과 커뮤니티 요금 전환 토글, FAQ, 유효성 검사가 적용된 폼, 링크 복사 토스트.
- Newsreader와 Figtree를 내장한 단일 독립형 파일, 그리고 스타일 가이드, 이미지 계획, 남은 샘플 이름을 찾아 주는 내장 검사.
이런 분께 추천
- 실제 사례 연구를 바탕으로 손맛 있고 경쾌한 존재감을 원하는 디자인 스튜디오, 콜렉티브, 시민·참여형 디자인 팀.
- 수업, 강사, 프로젝트를 같은 페이지 구성에 옮길 수 있는 판화 스튜디오, 학교, 소규모 작업실.
- 둥근 카드와 스톡 사진 대신 콜라주 이미지, 찢긴 가장자리, 테이프를 원하는 팀.
이런 분께는 비추천
- 절제된 미니멀 룩이 필요한 기업 브랜드. 이 디자인은 밝은 컬러 블록과 종이 질감에 기대고 있습니다.
- 실시간 예약이나 결제. 폼은 페이지 안에서 확인만 표시하며, 백엔드를 연결하기 전까지는 아무것도 전송하지 않습니다.
- 보라색이나 바이올렛 바탕을 중심으로 한 브랜드. 라일락색은 작은 포인트로만 쓰입니다.
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험홈페이지 제작에이전시 사이트 제작스타일 고정편집 가능한 결과물에디토리얼 세리프컬러 블록 아코디언컷아웃 인물 세트채색 종이 풍경찢은 종이 콜라주
이 Skill 소개
스튜디오와 그 원칙, 프로젝트, 사람들에 대해 Skill에 알려 주면 콜라주 스타일의 완전한 웹사이트를 만들어 줍니다. 검은 배경 위 작은 중앙 정렬 Hero 아래로 물감 칠한 종이 언덕이 펼쳐지고, 따뜻한 크림색 페이지, 단색 컬러 블록, 흑백 컷아웃 인물 사진이 이어집니다. 예시는 가상의 시민 디자인 스튜디오 Commonfold Collective이며, 서로 연결된 20개 라우트로 구성됩니다. 기본 결과물은 어떤 브라우저에서든 오프라인으로 열리는 단일 독립형 파일입니다.
제공 내용
- Hero, 원칙 아코디언, 인용 밴드, 팀 스토리, 수치, 프로젝트 콜라주, 파트너 노트, 저널을 담은 Home
- 실제 깊이를 갖춘 하위 페이지: 상세 이미지와 수치가 담긴 사례 연구, 멤버 페이지, 장문 글, 정해진 형식의 서비스, 연락처와 FAQ
- 찢긴 가장자리, 테이프, 마우스를 올리면 바로 펴지는 살짝 기울어진 요소, 그리고 모션 줄이기 설정에서는 꺼지는 차분한 등장 효과
- 파일 안에 Newsreader와 Figtree 폰트를 내장해 네트워크에서 아무것도 불러오지 않음
사용 방법
- 이름, 한 줄 소개, 원칙 3–5개, 프로젝트, 팀, 글, 연락처 정보를 알려 주세요.
- 에이전트가 모든 콘텐츠 슬롯을 채우고, 같은 스타일로 새 콜라주 이미지를 생성한 뒤 내장 검사를 실행합니다.
- 데스크톱과 휴대폰에서 모든 페이지를 둘러본 다음, 바꾸고 싶은 점을 평소 말투로 요청하세요.
새 콜라주 이미지를 생성하면 이미지 도구의 사용 요금이 발생할 수 있습니다. 브리프에 없는 내용은 임시 문구로 작성되며, 확인할 수 있도록 목록으로 정리해 드립니다.
시작 전에 필요한 것
- 준비할 것
- 스튜디오 이름, 한 줄 소개, 각각 예시가 붙은 원칙 3–5개 · 각 페이지에 필요한 내용을 담은 프로젝트, 역할과 짧은 소개가 있는 팀 멤버 · 글 또는 소식, 제공 서비스와 가격, 주소, 이메일, 운영 시간
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 새 콜라주 이미지를 위한 에이전트의 이미지 생성 도구
- 외부 비용
- 에이전트의 이미지 도구로 콜라주 이미지를 생성하면 해당 도구의 사용 요금이 발생할 수 있습니다. 함께 제공되는 일부 중립적인 이미지(Hero 언덕, 손, 저널 이미지 2장)는 비용 없이 재사용할 수 있습니다.
- 최근 테스트
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…