OFFSET STUDIO

디자인 스튜디오 포트폴리오

OFFSET STUDIO는 Claude Code·Codex·Cursor용 무료 AI Skill로, 디자인 스튜디오 웹사이트를 만듭니다. 기하학 모션, 서비스 카드, 펼쳐지는 작업 목록이 스튜디오의 강점을 보여줍니다.

제공 내용

  • HTML·CSS·JavaScript만으로 만든 완성된 웹사이트
  • 데모 소재 팩: 배경 영상 5개와 작업 이미지 5장
  • 360px 모바일부터 1440px 데스크톱까지 레이아웃 확인

이런 분께

  • 웹 제작 프리랜서
  • 브랜드 디자이너
  • 움직임 있는 사이트를 만들고 싶은 분

준비물

  • 스튜디오 이름과 소개
  • 사용 가능한 배경 영상 5개
  • 작업 이미지 5장

자주 묻는 질문

Claude Code, Codex, Cursor에 붙여 넣거나 SKILL.md로 저장해 도구의 skills 폴더에 두세요. AI가 소재 팩을 내려받고 부족한 정보를 물은 뒤 프로젝트 폴더에 사이트를 만듭니다. Skill 사용법

영상 5개와 작업 이미지 5장입니다. 영상은 기하학 모션과 서비스 카드 뒤에 깔리고, 이미지는 펼쳐지는 작업 목록을 채웁니다. 소재 팩에 처음부터 모두 들어 있습니다.

네. 브랜드명과 카피를 주고 소재 팩 파일을 같은 파일명으로 본인 것으로 바꾸면 됩니다. Skill은 AI에게 후기·수상·주소·전화번호를 지어내지 말라고 명시합니다.

무료입니다. 가입하거나 로그인하면 이 페이지에서 복사할 수 있습니다.