Communitygithub.com

vmitsaras/website-distinctiveness-review

리뷰한 기존 웹사이트, 페이지 컨셉, 목업, 또는 크리에이티브 방향이 템플릿이나 AI 기본값이 아닌 브랜드 고유의 정체성을 느끼게 하는지 평가합니다. 사용자가 디자인이 돋보이는지, 기억에 남는지, 적절한 대상을 유치하는지, 잘못된 대상을 배제하는지, 특정 브랜드 개성을 표현하는지, 또는 한 비즈니스에 명확히 속하는지 물어볼 때 사용하세요.

website-distinctiveness-review란 무엇인가요?

이 스킬은 웹사이트나 제안된 디자인 방향이 특정 브랜드와 대상에게 명확히 속할 만큼 구체적이고 의도적이며 소유 가능한지 평가합니다. 단순한 참신함이 아닌, 브랜드의 실제 특성을 시각적, 언어적, 구조적, 경험적 신호로 변환하는지 검토하며, 카테고리 클리셰, 유행 디자인, 템플릿 기본값, 또는 방향성 없는 AI 출력에 의존하지 않았는지 확인합니다. Claude Code, Cursor, Codex 등 AI 에이전트와 함께 사용할 수 있으며, 사용자가 제공한 URL, 스크린샷, 목업, 브랜드 브리프 등을 분석하여 브랜드 소유성, 대상 특이성, 감정적 극성, 브랜드 세계 연속성, 증거 및 진정성, 의도적 시스템 신호, 인간 저작성 대 AI 기본값 동질성 등 7가지 렌즈를 통해 평가합니다. 최종적으로 '소유 가능', '발전 중', '교체 가능', '부정합', '증거 불충분' 중 하나의 평결을 제공하고, 개선을 위한 구체적인 개입 수준(보존, 선명화, 대체, 도입)과 후속 전문가 스킬을 추천합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vmitsaras/Agent-Skills/tree/HEAD/skills/ui-ux-polish/website-distinctiveness-review

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

웹사이트 차별성 리뷰

목적

웹사이트 또는 제안된 디자인 방향이 한 비즈니스와 한 대상에게 명확히 속할 만큼 구체적이고, 소유 가능하며, 의도적인지 검토합니다.

이 스킬은 참신함 그 자체를 판단하지 않습니다. 디자인이 카테고리 클리셰, 유행하는 표면 처리, 템플릿 기본값, 또는 방향성 없는 AI 출력에 의존하기보다는 실제 브랜드 특성을 인지 가능한 시각적, 언어적, 구조적, 경험적 신호로 변환하는지 테스트합니다.

리뷰는 기존 방향을 선명하게 하는 데 도움을 주어야 합니다. 인터페이스를 코딩하거나 광범위한 브랜드 전략을 대체해서는 안 됩니다.

이 스킬을 사용해야 할 때

다음과 같은 경우 이 스킬을 사용하세요:

  • 사용자가 웹사이트가 돋보이는지 또는 평범해 보이는지 묻는 경우
  • 디자인이 세련되었지만 여러 경쟁사에 속할 수 있을 것 같은 경우
  • 사용자가 레이아웃이 템플릿 기반, 트렌드 기반, 또는 AI 생성이라고 의심하는 경우
  • 팀이 사이트를 막연하게 모두에게 어필하기보다는 특정 대상에게 어필하길 원하는 경우
  • 브랜드 개성은 알려져 있지만 웹사이트가 이를 강하게 표현하지 못하는 경우
  • 시각적 세련화 전에 컨셉이 더 명확한 감정적 포지셔닝을 필요로 하는 경우
  • 여러 터치포인트가 존재하며 웹사이트가 동일한 브랜드 세계의 일부처럼 느껴져야 하는 경우
  • 리디자인이 원래 사이트를 알아볼 수 있게 만든 기능을 제거할 위험이 있는 경우

다음과 같은 경우 이 스킬을 사용하지 마세요:

  • 주요 문제가 불분명한 목적, 대상, 콘텐츠 또는 요구사항인 경우; 먼저 design-problem-framer를 사용하세요.
  • 사용자가 몇 가지 새로운 구조적 레이아웃 옵션을 필요로 하는 경우; layout-direction-explorer를 사용하세요.
  • 작업이 주로 계층 구조, 균형, 정렬, 간격 또는 구도인 경우; layout-principles-review를 사용하세요.
  • 사용자가 완성된 디자인 방향을 비교하여 하나를 선택해야 하는 경우; design-direction-decision을 사용하세요.
  • 주요 목표가 전환 아키텍처, CTA 전략, 이의 제기 처리 또는 세부 신뢰 디자인인 경우; conversion-creative-director를 사용하세요.
  • 사용자가 인터페이스 디자인 이전에 급진적인 컨셉 영역을 원하는 경우; provocative-concept-director를 사용하세요.
  • 요청이 인터페이스를 구현, 코딩 또는 재창조하는 것인 경우.

검토할 입력 사항

사용 가능한 입력 중 가장 작은 유용한 세트를 검사하세요:

  • 웹사이트 URL, 스크린샷, 목업, 와이어프레임 또는 프로토타입
  • 브랜드 브리프, 포지셔닝 스테이트먼트, 가치 또는 언어적 정체성
  • 제품 또는 서비스 설명
  • 의도된 대상, 고객 세그먼트 또는 사용자 페르소나
  • 경쟁사 또는 카테고리 참고 자료
  • 기존 시각적 정체성, 캠페인, 패키징, 소셜 콘텐츠 또는 에디토리얼 자료
  • 카피, 헤드라인, 주장, 사용후기, 사례 연구 또는 증빙 자료
  • 디자인 근거 또는 크리에이티브 디렉션 노트
  • 동질성이 우려되는 경우 AI 프롬프트 또는 생성된 자산

중요한 맥락이 누락된 경우, 그 격차를 식별하고 제한된 가정을 하세요. 스크린샷만으로 상세한 브랜드 전략을 만들어내지 마세요.

핵심 리뷰 질문

다음을 질문하세요:

로고, 회사명, 제품명이 사라졌을 때, 이 디자인이 여전히 이 브랜드에 속하고 이 대상에게 어필한다는 증거는 무엇인가?

강력한 결과는 상호 강화하는 여러 답변이 있어야 합니다. 약한 결과는 주로 로고, 일반적인 카피, 유행하는 스타일링 또는 카테고리 표준 이미지에 의존합니다.

리뷰 렌즈

1. 브랜드 소유성

디자인이 카테고리에서 차용되기보다는 비즈니스에 뿌리를 둔 인지 가능한 신호를 포함하는지 결정합니다.

검사 항목:

  • 독특한 관점
  • 비즈니스 특화 언어와 이미지
  • 인지 가능한 시각적 장치
  • 의미 있는 상징, 재료, 은유 또는 행동
  • 시그니처 상호작용 또는 콘텐츠 구조
  • 경쟁사가 따라 하면 파생적으로 보일 요소

특이한 장식을 소유성과 혼동하지 마세요. 이상한 그라데이션은 브랜드 아이디어가 아닙니다.

2. 대상 특이성

디자인이 특정 대상을 위해 명확히 형성되었는지 결정합니다.

검사 항목:

  • 의도된 대상이 가치를 두고, 두려워하고, 거부하고, 열망하는 것
  • 대상이 인식할 문화적 및 카테고리 참고 자료
  • 어조, 밀도, 페이스 및 상호작용 기대치
  • 가격 수준, 진지함, 에너지, 전문성 또는 소속감의 신호
  • 디자인이 양립할 수 없는 대상을 동시에 기쁘게 하려는지 여부

목표는 다른 모든 사람에 대한 적대감이 아닙니다. 목표는 자신감 있는 관련성입니다.

3. 감정적 극성

디자인이 중립적인 수용보다는 즉각적이고 적절한 반응을 만들어내는지 결정합니다.

검사 항목:

  • 5초 인상 가능성
  • 감정적 온도
  • 자신감 대비 주의
  • 친숙함 대비 놀라움
  • 절제 대비 활기
  • 반응이 브랜드와 작업을 지원하는지 여부

강력한 디자인은 모든 사람에게 어필하지 않을 수 있지만, 의도된 대상은 그것이 왜 존재하는지 이해해야 합니다.

4. 브랜드 세계 연속성

웹사이트가 고립된 랜딩 페이지보다는 일관된 광범위한 경험의 일부처럼 느껴지는지 결정합니다.

검사 항목:

  • 소셜, 에디토리얼, 캠페인, 제품, 패키징 또는 대면 터치포인트와의 연속성
  • 재사용 가능한 시각적 및 언어적 규칙
  • 웹사이트가 정체성을 잃지 않고 미래 콘텐츠를 흡수할 수 있는지 여부
  • 각 페이지가 동일한 세계의 다른 강도로 느껴지는지 여부
  • 브랜드가 크고 작은 표면에서 인지 가능한 상태를 유지하는지 여부

모든 채널이 동일하게 보일 것을 요구하지 마세요. 복사-붙여넣기 일관성이 아닌 공유된 논리를 찾으세요.

5. 증거 및 진정성

주요 주장이 신뢰할 수 있고 구체적인 자료에 의해 뒷받침되는지 검토합니다.

검사 항목:

  • 작업 샘플, 데모, 전후 증거 또는 프로세스 가시성
  • 막연한 칭찬보다는 구체적인 결과
  • 실제 목소리, 얼굴, 인공물, 환경 또는 고객 언어
  • 적절한 경우 제3자 또는 독립적으로 검증 가능한 출처
  • 주장과 이를 뒷받침하는 증거 사이의 근접성

이 렌즈를 차별성과 신뢰성 수준으로 유지하세요. 전체 설득 또는 전환 감사는 conversion-creative-director로 라우팅하세요.

6. 의도적 시스템 신호

타이포그래피, 간격, 구성, 이미지 및 모션이 의도적인 시스템에 의해 지배되는 것처럼 보이는지 결정합니다.

검사 항목:

  • 일관된 타입 역할과 척도 관계
  • 반복 가능한 간격 및 레이아웃 논리
  • 명확한 시각적 계층 구조
  • 일관된 이미지 처리
  • 반복되는 모션 또는 상호작용 문법
  • 강조를 만드는 의도적인 예외

여기서 전체 레이아웃 감사를 수행하지 마세요. 시스템 수준의 우려 사항을 기록하고 세부 구성 문제는 layout-principles-review로 라우팅하세요.

7. 인간 저작성 대 AI 기본값 동질성

AI 또는 템플릿이 관점을 증폭시켰는지 아니면 대체했는지 결정합니다.

일반적인 AI 기본값 신호는 다음과 같습니다:

  • 교체 가능한 카피가 있는 일반적인 히어로 구성
  • 비즈니스와 관련 없는 추상적인 3D 객체
  • 세련되었지만 맥락 없는 이미지
  • 안전한 그라데이션, 유리 카드, 떠다니는 알약 및 빈 대시보드 모티프
  • 서사적 이유 없이 반복되는 섹션 리듬
  • 특정 증거로 뒷받침되지 않는 광범위한 주장
  • 의미 있기보다는 유행하기 때문에 선택된 시각적 스타일

AI가 사용되었다는 이유만으로 AI 생성 자료를 거부하지 마세요. 결과가 특정 인간 관점을 통해 선택, 편집, 결합 및 방향 설정되었는지 판단하세요.

워크플로우

  1. 리뷰 대상 설정

    • 리뷰 중인 페이지, 컨셉, 프로토타입 또는 방향을 식별합니다.
    • 증거가 전체 리뷰에 충분한지 또는 잠정적인 리뷰만 가능한지 명시합니다.
  2. 의도된 정체성 요약

    • 비즈니스, 대상, 제안 및 원하는 인상을 하나의 간결한 단락으로 설명합니다.
    • 확인된 사실과 추론된 특성을 분리합니다.
  3. 카테고리 기본값 매핑

    • 경쟁사 또는 유사 제품이 사용하는 친숙한 시각적, 언어적 및 구조적 패턴을 식별합니다.
    • 어떤 기본값이 유용한 관례이고 어떤 것이 동질성을 만드는지 표시합니다.
  4. 대체 테스트 실행

    • 로고, 브랜드명, 제품명 및 헤드라인을 제거하거나 정신적으로 대체합니다.
    • 경쟁사가 최소한의 변경으로 디자인을 채택할 수 있는지 질문합니다.
    • 대체에서 살아남는 정확한 요소와 무너지는 요소를 기록합니다.
  5. 대상 당김 및 밀어냄 테스트 실행

    • 의도된 대상을 강하게 끌어당겨야 할 것을 명시합니다.
    • 부적합한 대상에게 "나를 위한 것이 아님"을 적절히 신호할 수 있는 것을 명시합니다.
    • 혼란, 접근성 부족, 배제 또는 사용성 저하로 인한 우발적인 반발을 플래그 지정합니다. 이러한 실패를 대담한 포지셔닝으로 잘못 표시하지 마세요.
  6. 5초 반응 테스트 실행

    • 방문자가 사용할 가능성이 있는 즉각적인 설명어를 기록합니다.
    • 이를 의도된 설명어와 비교합니다.
    • 중립적이거나 모순적이거나 오해의 소지가 있는 신호를 식별합니다.
  7. 브랜드 세계 검토

    • 시각적, 언어적, 콘텐츠, 증거 및 상호작용 신호가 서로를 강화하는지 확인합니다.
    • 논리가 페이지와 인접 터치포인트에 걸쳐 확장될 수 있는지 확인합니다.
    • 광범위한 시스템에 속하지 않는 고립된 효과를 식별합니다.
  8. 소유 가능한 신호 식별

    • 강력한 기존 신호를 보존합니다.
    • 인지 가능한 시스템이 될 수 있는 3~5개의 신호를 선택합니다.
    • 각 신호는 브랜드 또는 대상과 연결된 이유가 있어야 합니다.
  9. 일반적이거나 차용된 신호 찾기

    • 카테고리 클리셰, 설명되지 않은 트렌드, AI 기본값 패턴 및 경쟁사와 유사한 선택을 식별합니다.
    • 각 신호가 이 맥락에서 왜 일반적인지 설명합니다.
    • 더 나은 대체재가 정의되지 않는 한 이해를 지원하는 관례를 제거하는 것을 권장하지 마세요.
  10. 개입 수준 제안

    • 보존: 강력하고 소유 가능하며 유지되어야 할 요소.
    • 선명화: 더 강력한 일관성, 대비, 특이성 또는 반복이 필요한 유망한 요소.
    • 대체: 방향을 약화시키는 일반적이거나 모순되는 요소.
    • 도입: 브랜드 세계를 완성하는 데 필요한 누락된 신호.
  11. 전문가 후속 조치 라우팅

    • 다음에 필요한 가장 작은 관련 스킬 세트만을 명명합니다.
    • 선택된 각 스킬이 답해야 할 미해결 질문을 설명합니다.

차별성 평결

다음 중 하나의 평결을 사용하세요:

  • 소유 가능 — 디자인이 명확한 관점, 대상 적합성을 가지며 로고 없이도 인지 가능한 상태를 유지할 여러 상호 강화 신호가 있습니다.
  • 발전 중 — 방향에 특정 아이디어가 포함되어 있지만 일반적인 패턴이 여전히 지배적이거나 신호가 아직 일관되게 반복되지 않습니다.
  • 교체 가능 — 디자인은 능숙하지만 사소한 카피 및 자산 변경으로 많은 비즈니스에 속할 수 있습니다.
  • 부정합 — 디자인은 독특하지만 가장 강력한 신호가 의도된 대상, 제안 또는 브랜드 위치와 충돌합니다.
  • 증거 불충분 — 제공된 자료가 책임 있는 평결을 뒷받침하지 않습니다.

모순을 평균화하지 마세요. 세련되었지만 부정합된 디자인은 "대체로 괜찮다"가 아닙니다.

출력 형식

다음을 반환하세요:

## 차별성 평결

**평결:** 소유 가능 | 발전 중 | 교체 가능 | 부정합 | 증거 불충분

제공된 디자인에 기반한 한 단락 설명.

## 의도된 정체성

- 비즈니스 또는 제품:
- 의도된 대상:
- 의도된 인상:
- 확인된 입력:
- 가정:

## 5초 반응

**예상 반응:** ...

**의도된 반응:** ...

**격차:** ...

## 리뷰 결과

| 렌즈 | 등급 | 증거 | 중요성 |
|---|---|---|---|
| 브랜드 소유성 | 강함 / 부분적 / 약함 / 알 수 없음 | ... | ... |
| 대상 특이성 | 강함 / 부분적 / 약함 / 알 수 없음 | ... | ... |
| 감정적 극성 | 강함 / 부분적 / 약함 / 알 수 없음 | ... | ... |
| 브랜드 세계 연속성 | 강함 / 부분적 / 약함 / 알 수 없음 | ... | ... |
| 증거 및 진정성 | 강함 / 부분적 / 약함 / 알 수 없음 | ... | ... |
| 의도적 시스템 신호 | 강함 / 부분적 / 약함 / 알 수 없음 | ... | ... |
| 인간 저작성 | 강함 / 부분적 / 약함 / 알 수 없음 | ... | ... |

## 대체 테스트

- 로고 없이도 인지 가능한 요소:
- 경쟁사가 변경 없이 재사용할 수 있는 요소:
- 전체 결과:

## 대상 당김과 밀어냄

### 의도된 대상을 끌어당기는 것

- ...

### 부적합한 대상을 적절히 필터링하는 것

- ...

### 우발적인 마찰 또는 배제

- ...

## 소유 가능한 신호 시스템

| 신호 | 브랜드 또는 대상 근거 | 현재 상태 | 권장 사용 |
|---|---|---|---|
| ... | ... | 보존 / 선명화 / 도입 | ... |

## 제거하거나 변형해야 할 일반적 신호

| 신호 | 여기서 일반적으로 느껴지는 이유 | 더 나은 방향 |
|---|---|---|
| ... | ... | ... |

## 권장 개입

### 보존

- ...

### 선명화

- ...

### 대체

- ...

### 도입

- ...

## 권장 다음 스킬

- `skill-name` — 답해야 할 미해결 질문.

모든 섹션을 일반적인 조언으로 채우지 마세요. 빈 행은 생략하고 증거를 사용할 수 없을 때 명시하세요.

품질 기준

다음 조건이 충족될 때만 작업이 완료됩니다:

  • 평결은 가시적이거나 제공된 증거에 기반합니다.
  • 리뷰는 차별성과 장식을 구별합니다.
  • 대상 유인은 우발적인 사용성 또는 접근성 문제와 분리됩니다.
  • 대체 테스트는 구체적인 교체 가능한 요소를 식별합니다.
  • 권장 사항은 일반적인 표현을 대체하면서 유용한 관례를 보존합니다.
  • 제안된 모든 시그니처 신호는 브랜드 또는 대상 근거가 있습니다.
  • 리뷰는 반사적으로 모든 것을 리디자인하는 대신 기존 강점을 인식합니다.
  • AI 사용은 이데올로기가 아닌 방향성과 편집에 의해 판단됩니다.
  • 출력이 코드나 구현 세부 사항으로 빠지지 않습니다.
  • 전문가 후속 조치는 가장 작은 유용한 관련 스킬 세트로 제한됩니다.

에지 케이스

  • 브랜드 전략이 없음: 잠정적인 리뷰를 생성하고, 누락된 결정을 나열한 후 design-problem-framer로 라우팅하세요.
  • 브랜드가 의도적으로 카테고리 관례를 사용함: 카피, 증거, 콘텐츠, 행동 또는 서비스 모델이 시각적 참신함을 요구하는 대신 차별성을 제공하는지 확인하세요.
  • 유틸리티 제품이 중립적으로 느껴져야 함: 소유성을 위해 명확성, 어조, 상호작용 행동 및 증거를 검토하세요. 연극적인 스타일링을 강요하지 마세요.
  • 규제 또는 높은 신뢰 산업 (의료, 금융, 법률): 차별성이 주장, 증거, 행동 및 언어에서 나올 수 있습니다. 시각적 참신함이 신뢰성을 약화시킨다면 강요하지 마세요. 대신 conversion-creative-director로 라우팅하세요.
  • 대상이 "모든 사람"임: 이것이 사실인지 또는 대상 정의가 게으른 것인지 테스트하세요. 진정한 대중 시장 제품이라도 특정 사용 맥락과 구매자 심리를 가집니다. 차별성을 찾을 수 없으면 증거를 요청하거나 design-problem-framer로 라우팅하세요.
  • 사용자가 방어적이거나 자신의 작업을 식별함: 평결을 부드럽게 전달하고 리뷰가 사람이 아닌 디자인에 대한 것임을 강조하세요. 평가적인 언어보다는 관찰적인 언어를 사용하세요. "이상함"보다는 "예상치 못한"을, "잘못됨"보다는 "지원되지 않는"을, "AI 같음"보다는 "카테고리 기본값을 따름"을 사용하세요.
  • 목업에 실제 콘텐츠가 없음: Lorem ipsum 또는 자리 표시자 이미지를 리뷰하세요. 생성된 카피가 유사한 맥락에서 브랜드의 실제 카피와 어떻게 다른지에 대한 가설을 세울 수 있지만 가정에 레이블을 붙이세요.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

관련 스킬