leosssvip-dot/웹사이트-복제-스킬

웹사이트-복제-스킬은(는) 무엇을 하나요?

Claude Code / OpenAI Codex용 스킬: 참조 사이트를 감사하고 차별화된 패리티 계획(UI, 상호작용, API, 데이터, 아키텍처)을 수립합니다.

개요

이 스킬은 AI 코딩 에이전트가 참조 웹사이트의 구조와 동작을 분석하여 포괄적인 복제 계획을 수립할 수 있게 해줍니다. 감사 결과는 다음과 같은 측면을 포함합니다:

• UI 분석: 레이아웃, 컴포넌트, 스타일링 패턴
• 상호작용 분석: 사용자 흐름, 애니메이션, 상태 전환
• API 분석: 엔드포인트, 요청/응답 구조, 인증 방식
• 데이터 분석: 스키마, 저장소, 캐싱 전략
• 아키텍처 분석: 서버 구성, 라우팅, 미들웨어

사용법

1. 참조 사이트 URL을 제공합니다.
2. AI 에이전트가 자동으로 사이트를 감사합니다.
3. 차별화된 패리티 계획이 생성됩니다.

예시 명령어

# Claude Code에서 사용
claude --skill website-replication-skill --url https://example.com

# OpenAI Codex에서 사용
import openai
openai.ChatCompletion.create(
    model="gpt-4",
    messages=[
        {"role": "system", "content": "You are using the website-replication-skill."},
        {"role": "user", "content": "Audit https://example.com and create a replication plan."}
    ]
)

출력 형식

출력은 다음과 같은 마크다운 문서입니다:

# 복제 계획: [사이트 이름]

## UI 패리티
- ...

## 상호작용 패리티
- ...

## API 패리티
- ...

## 데이터 패리티
- ...

## 아키텍처 패리티
- ...

## 차별화 포인트
- ...

지원 플랫폼

• Claude Code
• OpenAI Codex
• 기타 AI 코딩 에이전트 (적응 가능)

참고 사항

• 이 스킬은 참조 사이트의 합법적 분석을 가정합니다.
• 생성된 계획은 개발자의 판단에 따라 수정되어야 합니다.
• 차별화 포인트는 창의적인 개선을 장려합니다.