hallmark: AI가 만든 흔적 없는 웹페이지, 48가지 테마로

Claude Code, Cursor, Codex 등 AI 코딩 어시스턴트와 연동하여 'AI 슬롭'이라 불리는 기계적인 디자인 요소를 제거하는 디자인 스킬입니다. 헤더 위 눈썹 텍스트, 추적된 대문자 라벨, 빈 프레임 등 AI가 자주 범하는 디자인 실수를 실제 브라우저에서 렌더링하여 검출하고 수정합니다.

1 / 8

48가지 소재 기반 테마 중 세 가지를 제안하며, 페이지의 목적(예: 예약, 판매, 구독)에 따라 핵심 액션을 배치합니다. 755장의 오픈 라이선스 사진을 주제별로 선택해 크레딧과 함께 삽입하며, 사용자가 원하는 URL이나 개발 서버의 스크린샷을 직접 캡처해 실제 제품과 일치하는 디자인을 생성합니다.

기존 페이지를 재설계할 때는 콘텐츠와 로직을 유지하면서 레이아웃만 변경하거나, 디자인 감사만 수행할 수 있습니다. 재설계 전후의 링크, 필드, 핸들러가 누락되지 않았는지 검증하며, 최종 결과물은 자체 포함된 HTML과 CSS 파일로 생성됩니다.

MIT 라이선스로 공개되어 있으며, Node 18 이상 환경에서 사용할 수 있습니다. AI를 활용해 빠르게 프로토타입을 만들되, 결과물이 너무 기계적으로 보일 때 전문적인 디자인 품질을 확보하고 싶은 개발자에게 적합합니다.