샘플 01
SaaS 런치 페이지
입력 전: 원하는 고급감을 말로 설명하기 어렵고, 모호한 취향만 있다.
출력 후: 차분한 제품 감도의 Claude Skill, Cursor Rules, CSS Variables, Starter Prompt를 얻는다.
개선: 히어로 계층이 안정되고 버튼과 카드가 흔들리지 않아 전체가 실제 출시 가능한 제품 페이지처럼 보인다.
19.9위안으로 같은 AI 초안을 더 공개 가능한 결과로 정리하고, 그 과정을 만든 재사용 가능한 스타일 자산도 함께 가져갑니다.
증명을 한 번 더 보고 싶다면 Before / After 보조 사례 보기
Current validation price
Best for a first full generation-and-export run to judge whether this result pack is worth keeping.
Included
Not a subscription. No auto-renewal. Payment takes you straight to generation.
Why this is worth trying once
페이지 질감 선택
6개의 시각 질문에 답해 이번 단일 웹사이트 페이지를 어떤 느낌으로 수리할지 전달합니다.
단일 페이지 생성
AI 느낌이 덜한 단일 웹사이트 페이지 결과와 Claude Skill, Cursor Rules, CSS Variables, Starter Prompt를 함께 생성합니다.
사용
Claude / Cursor에 넘겨 이후 페이지 생성도 이번에 정리한 방향을 계속 따르게 만듭니다.
결제 전에 결과감을 먼저 봅니다
샘플 01
입력 전: 원하는 고급감을 말로 설명하기 어렵고, 모호한 취향만 있다.
출력 후: 차분한 제품 감도의 Claude Skill, Cursor Rules, CSS Variables, Starter Prompt를 얻는다.
개선: 히어로 계층이 안정되고 버튼과 카드가 흔들리지 않아 전체가 실제 출시 가능한 제품 페이지처럼 보인다.
샘플 02
입력 전: 여백이 많고 절제된 분위기, 템플릿 같지 않은 느낌이라는 모호한 취향만 있다.
출력 후: 홈, 사례, 소개 페이지에 재사용할 수 있는 미니멀 에디토리얼 스타일 자산을 얻는다.
개선: 타이포, 여백, 둥근 정도가 하나의 시각 언어로 정리되어 조립감이 사라진다.
실제로 받는 4개의 전달물
Claude가 매번 취향을 다시 추측하지 않고 목표 스타일로 페이지를 만들게 합니다.
Cursor가 UI를 생성하거나 이어 쓸 때 방향이 덜 흔들리게 합니다.
색상, 타이포, 라운드, 간격을 바로 재사용 가능한 프론트엔드 변수로 만듭니다.
첫 페이지 생성을 시작할 수 있는 출발 프롬프트를 바로 제공합니다.
결제 전 자주 묻는 질문
Claude / Cursor로 페이지를 만들지만 UI가 자꾸 흔들리는 인디 해커, vibe coder, SaaS / 랜딩 페이지 제작자에게 적합합니다.
Claude Skill, Cursor Rules, CSS Variables, Starter Prompt를 받고 결과 페이지에서 바로 내보낼 수 있습니다.
네. 비디자이너도 AI UI 출력을 더 안정적으로 제어할 수 있게 만든 상품입니다.
Claude는 페이지 생성에 강하고, StyleDNA는 먼저 프론트스테이지 방향과 제약을 정리하는 데 강합니다. 사는 것은 더 정돈된 결과와 이후에도 재사용할 수 있는 제약 자산입니다.
¥19.9
결제 후에는 페이지 수리를 시작하고, 단일 웹사이트 페이지 결과를 만든 뒤 내보내기로 이어집니다.