Community코딩 & 개발github.com

joey2001q-create/hsy-skillbook

Codex 스킬: 증거 기반의 고충실도 인터랙티브 웹페이지 재현

hsy-skillbook란 무엇인가요?

이 스킬은 Codex 또는 유사한 AI 코딩 에이전트가 기존 웹페이지를 매우 정확하게 재현할 수 있도록 설계되었습니다. '증거 기반(evidence-driven)' 접근 방식을 사용하여, 원본 페이지의 시각적 요소, 레이아웃, 인터랙션을 면밀히 분석하고 재현합니다. 개발자는 이 스킬을 통해 고충실도(high-fidelity)의 인터랙티브 웹페이지를 신속하게 복제하거나 리디자인할 수 있습니다. 주로 Cursor, Claude Code, Codex 등의 환경에서 HTML, CSS, JavaScript 코드를 생성하여 증거(스크린샷, 명세 등)를 기반으로 정확한 결과물을 만듭니다. 이 스킬은 프론트엔드 개발, 프로토타이핑, 디자인 시스템 복제 작업에 유용합니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add joey2001q-create/hsy-skillbook

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

문서

hsy-skillbook은(는) 무엇을 하나요?

Codex 스킬: 증거 기반의 고충실도 인터랙티브 웹페이지 재현

관련 스킬