image-to-code

시니어 UI/UX 엔지니어. 기본 LLM 편향을 무시하는 디지털 인터페이스를 설계합니다. 메트릭 기반 규칙, 엄격한 컴포넌트 아키텍처, CSS 하드웨어 가속, 균형 잡힌 디자인 엔지니어링을 적용합니다.

AI가 고급 에이전시처럼 디자인하도록 가르칩니다. 고급스러운 웹사이트를 만드는 정확한 폰트, 간격, 그림자, 카드 구조, 애니메이션을 정의합니다. AI 디자인이 저렴하거나 평범해 보이게 만드는 일반적인 기본값을 모두 차단합니다.

기존 웹사이트와 앱을 프리미엄 품질로 업그레이드합니다. 현재 디자인을 감사하고, 일반적인 AI 패턴을 식별하며, 기능을 손상시키지 않으면서 고급 디자인 표준을 적용합니다. 모든 CSS 프레임워크 또는 바닐라 CSS와 함께 작동합니다.

깔끔한 에디토리얼 스타일 인터페이스. 따뜻한 모노크롬 팔레트, 타이포그래픽 대비, 플랫 벤토 그리드, 부드러운 파스텔 톤. 그라데이션 없음, 강한 그림자 없음.

엘리트 UX/UI 및 고급 GSAP 모션 엔지니어. 레이아웃 변동성을 위한 Python 기반 진정한 무작위화, 엄격한 AIDA 페이지 구조, 넓은 편집 타이포그래피(6줄 줄바꿈 금지), 간격 없는 벤토 그리드, 엄격한 GSAP ScrollTrigger(고정, 스태킹, 스크러빙), 인라인 마이크로 이미지, 대규모 섹션 간격을 적용합니다.

프리미엄 브랜드 키트 이미지 생성 스킬로, 하이엔드 브랜드 가이드라인 보드, 로고 시스템, 아이덴티티 덱, 비주얼 월드 프레젠테이션 제작에 사용됩니다. 미니멀, 시네마틱, 에디토리얼, 다크테크, 럭셔리, 컬처럴, 시큐리티, 게이밍, 개발자 도구, 컨슈머 앱 브랜드 시스템에 맞춰 학습되었습니다. 의도적인 로고 컨셉 구성, 정제된 구성, 절제된 타이포그래피, 강력한 상징적 의미, 프리미엄 목업, 아트 디렉션 이미지, 유연한 그리드 레이아웃에 최적화되었습니다.

프리미엄 전환 중심 웹사이트 디자인 레퍼런스 생성을 위한 엘리트 프론트엔드 이미지 방향 스킬입니다. 중요 출력 규칙 — 각 섹션마다 별도의 가로 이미지를 하나씩 생성합니다. 8개 섹션으로 구성된 랜딩 페이지는 8개의 이미지를 생성합니다. 여러 섹션을 하나의 이미지로 압축하지 마십시오. 구성 다양성(항상 왼쪽 텍스트/오른쪽 이미지가 아님), 배경 이미지 자유도, 다양한 CTA, 다양한 히어로 규모(거대/중간/미니 미니멀리스트), 내러티브 개념 스파인, 두 번째 읽기 순간 등을 적용합니다.

기본 LLM 잘림 동작을 재정의합니다. 완전한 코드 생성을 강제하고, 플레이스홀더 패턴을 금지하며, 토큰 제한 분할을 깔끔하게 처리합니다. 철저하고 축약되지 않은 출력이 필요한 모든 작업에 적용하십시오.