
미리보기 갤러리
비슷한 Skill
모든 Skill 보기제공 내용
- 가장자리에 오렌지빛 열기가 도는 실시간 플루티드 글라스 Hero, 필름 그레인, 세 줄짜리 선언문, 그리고 완성된 정지 폴백과 차분한 동작 줄이기 모드
- 완성된 스튜디오 사이트: 스튜디오 소개, 대표 작업과 검색 가능한 프로젝트 목록, 서비스 Tab, 프로세스, 계약 조건, 추천사, 팀, 저널, FAQ, 프로젝트 브리프 폼
- 케이스 스터디 페이지, 저널 아티클, 개인정보 처리방침, 이용약관, 404 페이지를 웹 폰트와 역할별로 기획한 사진과 함께 오프라인 파일 하나에 담아 제공
이런 분께 추천
- 가독성을 잃지 않으면서 고급스럽고 살아 있는 첫 화면을 원하는 디자인, 브랜딩, 엔지니어링 스튜디오
- 실제 케이스 스터디, 명확한 계약 가격, 브리프 폼을 갖춘 포트폴리오를 공개하는 프리랜서와 소규모 에이전시
- 밝고 유리 같은 런칭 사이트를 원하며, 작업·서비스·계약 조건을 고객·기능·플랜으로 바꿔 쓸 수 있는 제품 팀
이런 분께는 비추천
- 어둡고 무거운 분위기의 브랜드: 페이지는 밝은 종이빛 회색을 유지하며, 어두운 면은 푸터 하나뿐입니다
- CMS나 수십 개의 페이지가 필요한 사이트: 케이스 스터디와 저널 글은 페이지 안의 정적 데이터로 들어 있습니다
- 스크립트를 끈 상태에서도 작동해야 하는 페이지: 텍스트와 레이아웃은 보이지만 글라스 애니메이션, 메뉴, 폼에는 스크립트가 필요합니다
브랜드 아이덴티티·비주얼 시스템웹 디자인·디지털 경험홈페이지 제작랜딩페이지 제작스타일 고정편집 가능한 결과물브라이트 미니멀플루티드 글래스그레인 그라데이션셰이더 라이팅
이 Skill 소개

Molten Glass 랜딩 페이지는 첫 화면이 살아 움직이는 스튜디오 웹사이트를 만듭니다. 플루티드 글라스 너머로 밝은 종이빛 회색 빛이 보이고, 뜨거운 오렌지빛 열기가 가장자리에서 밀려듭니다. 그 아래로는 번호 매긴 섹션, 실제 케이스 스터디 페이지, 작동하는 프로젝트 브리프를 갖춘 차분한 에디토리얼 사이트가 이어집니다. 예시는 가상의 디자인·엔지니어링 스튜디오 Arclune입니다.

제공 내용
- 완성된 그라디언트 폴백과 동작 줄이기용 정지 프레임, 마우스를 올리면 라벨이 굴러가는 버튼을 갖춘 실시간 글라스 Hero
- 홈 섹션: 숫자가 올라가는 통계가 있는 스튜디오 소개, 대표 작업과 검색 가능한 프로젝트 목록, 서비스 Tab, 프로세스, 통화 전환이 있는 계약 조건, 추천사, 팀과 채용 공고, 저널, FAQ, 프로젝트 브리프
- 성과와 크레딧이 담긴 케이스 스터디 페이지, 저널 아티클, 개인정보 처리방침, 이용약관, 404 페이지
- 거대한 워드마크가 있는 검은색에 가까운 푸터 하나, 그리고 어떤 브라우저에서든 열리고 오프라인에서도 작동하는 파일 하나

사용 방법
- 스튜디오 이름, 한 문장짜리 포지셔닝 문구, 측정 가능한 성과가 각각 있는 대표 프로젝트를 2개 이상 알려 주세요.
- 에이전트가 모든 섹션과 케이스 스터디를 채우고, 사진을 기획해 생성하며, 빠진 내용은 초안을 써서 확인을 받습니다.
- 파일을 열어 모든 케이스 스터디, Tab, 폼을 눌러 보고 수정하고 싶은 점을 평소 말투로 요청하세요.

사진은 에이전트의 이미지 도구(해당 도구의 사용 요금이 발생할 수 있음)로 만들거나 직접 보유한 사진을 씁니다. 기존 프레임워크 프로젝트가 있다면 에이전트가 같은 디자인을 해당 스택의 컴포넌트로 만듭니다.
시작 전에 필요한 것
- 준비할 것
- 스튜디오 또는 브랜드 이름과 한 문장짜리 포지셔닝 문구 · 측정 가능한 성과를 한 줄씩 담은 대표 프로젝트 2개 이상 · 분야, 계약 조건 또는 가격, 팀 리더, 연락처(선택 사항이며, 빈 부분은 초안을 써서 확인을 받습니다)
- 의존성
- 에이전트 컴퓨터의 Node.js 18 이상 — 오프라인 단일 파일을 빌드하는 번들 스크립트 실행용 · 파일 빌드 중 인터넷 연결 — 폰트를 한 번 내려받아 내장하기 위해 필요 · 스튜디오, 프로젝트, 팀 사진용 에이전트 이미지 도구(선택 사항이며, 플레이스홀더나 직접 준비한 사진으로도 페이지가 자연스럽게 읽힘)
- 외부 비용
- 새 스튜디오, 프로젝트, 팀 사진이 필요하면 에이전트 자체 이미지 도구로 생성하며, 해당 도구의 사용 요금이 발생할 수 있습니다. 직접 사진을 제공하거나 플레이스홀더를 그대로 둘 수도 있습니다. 그 밖에는 유료 서비스를 사용하지 않습니다.
- 최근 테스트
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
사용자 리뷰
리뷰를 불러오는 중…









