스킬 자체의 표현으로
이 skill은 iOS, Android, 크로스플랫폼 제품을 위한 프리미엄 모바일 앱 화면 이미지를 생성하며, 온보딩 흐름, 대시보드, 프로필 화면, 인증 흐름, 이커머스, 핀테크, 헬스, 생산성, 소셜 앱을 다룹니다. 깔끔한 계층 구조, 읽기 쉬운 텍스트, 강력한 다중 화면 일관성, 통제된 색상 팔레트, 일반적이지 않은 크리에이티브 방향, 질감 있는 표면, 이미지 중심 구성, 커스텀 아이콘그래피를 우선시합니다.
화면은 기본적으로 프레임이 보이는 은은한 프리미엄 iPhone 또는 유사한 폰 목업 안에 표시됩니다. 이 skill은 이미지만 생성하며, 코드나 구현, 이미지-투-코드 변환은 하지 않습니다. DESIGN_VARIANCE: 8, ART_DIRECTION: 9, TEXT_READABILITY_PRIORITY: 10, CONSISTENCY_STRENGTH: 10과 같은 설정 값을 사용하여, 가짜 핀테크 대시보드, 읽을 수 없는 작은 텍스트, 일반적인 퍼플-블루 팔레트, 일관성 없는 화면 세트를 포함한 일반적인 AI 모바일 출력 패턴에 적극적으로 대응합니다.
산출물
- 화면 테두리가 보이는 깔끔한 폰 목업 안에 하나 이상의 모바일 화면 이미지가 배치되며, 주된 초점은 앱 콘텐츠 자체에 유지됩니다
- 선택적으로, 세부 사항이 불명확할 때는 더 큰 이미지에서 잘라내는 대신 별도로 생성된 추가 상세 뷰나 새로운 독립 화면 이미지입니다
작동 방식
- 01먼저 플랫폼 모드 선택
화면을 생성하기 전에 iOS 네이티브 프리미엄, Android 네이티브 프리미엄, 또는 크로스플랫폼 프리미엄 중립 중 하나를 선택하여 내비게이션 패턴, 안전 영역 처리, 크롬 동작을 확립합니다.
- 02내부 디자인 바이블 고정
동일한 앱에 대해 여러 이미지를 생성할 때는, 모든 화면에서 일관된 플랫폼 모드, 디바이스 프레임 스타일, 팔레트 로직, 타이포그래피 무드, 간격 시스템, 모서리 반경, 아이콘 스타일, 내비게이션 모델을 확립하고 유지합니다.
- 03시각적 방향 시스템 선택
반복적인 결과를 피하기 위해 테마 패러다임 1개, 타이포그래피 성격 1개, 구조 편향 1개, 이미지 아트 디렉션 편향 1개, 텍스처 처리 방식 1개, 팔레트 로직 1개, 시그니처 컴포넌트 정확히 4개, 장식 에셋 정확히 2개, 모션 암시 언어 정확히 2개를 선택합니다.
- 04필요할 때 새로운 디테일 렌더 생성
화면이나 디테일을 별도로 표현해야 할 때는, 이전에 생성한 더 큰 이미지를 잘라내는 대신 간격, 비율, 타이포그래피를 보존하기 위해 새로운 독립 화면 이미지를 생성합니다.
- 05품질 검증 실행
최종 확정 전에, 웹사이트가 아니라 실제 모바일 앱처럼 느껴지는지, 세이프 영역이 지켜지는지, 첫 화면이 깔끔한지, 글자가 읽기 쉬운지, 충분한 화면이 생성되었는지, 플로우가 일관적인지, 목업 프레이밍이 깔끔한지 등 27가지 항목을 확인합니다.