Community연구 & 데이터 분석github.com

KyrieCheungYep/ky-design-to-html-skill

UI 스크린샷을 HTML/CSS로 재현하는 Codex / Claude 스킬입니다.

ky-design-to-html-skill란 무엇인가요?

이 스킬은 UI 디자인 스크린샷을 입력받아 정확한 HTML/CSS 코드로 변환하는 AI 에이전트용 스킬입니다. Codex와 Claude 에이전트에서 모두 사용할 수 있으며, 디자이너와 개발자 간의 간극을 좁혀 프로토타이핑 속도를 크게 향상시킵니다. 스킬은 이미지를 분석하여 레이아웃, 색상, 간격, 폰트 등을 추출하고 반응형 웹 표준을 준수하는 시맨틱 HTML과 깔끔한 CSS로 출력합니다. GitHub 저장소에서 관리되며 지속적으로 업데이트됩니다.

지원 대상✓Claude Code✓Codex CLI~Cursor
npx skills add KyrieCheungYep/ky-design-to-html-skill

Installed? Explore more 연구 & 데이터 분석 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

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

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

문서

관련 스킬