첫 번째 화면
무료 디자인을 복사하고 에이전트에 붙여넣어 실행하기. 처음부터 끝까지 5분.
직접 따라해 보기
- 무료 디자인을 하나 열어보세요. 예를 들어 Clean Settings. 먼저 미리보기를 눌러보세요. 실제로 작동하는 것입니다.
- 프롬프트 복사를 누르세요. 계정도, 별도 설정도 필요하지 않습니다.
- Expo 프로젝트에서 에이전트를 열고 붙여넣으세요. 전송하세요.
- 에이전트가 파일을 작성하고 npx expo install을 실행한 뒤 어디에 두었는지 알려줍니다.
- 앱을 실행하세요. 프로젝트의 첫 번째 디자인이라면 프롬프트가 알려준 폰트 로딩 코드를 앱 루트에 추가하세요.
확인해야 할 결과
시뮬레이터 속 화면은 최초 마운트 시의 등장 애니메이션까지 포함해 사이트의 미리보기와 구분할 수 없어야 합니다. 조금이라도 다르다면 디자인이 근사치였던 것이 아니라 붙여넣기 과정에서 무언가 잘못된 것입니다.
붙여넣기는 새 대화에서 시작하세요
프롬프트는 크고 정밀합니다. 이미 여러분의 코드베이스에 대해 강한 판단을 갖고 있는 긴 세션에 붙여넣는 것이 디자인 테마가 바뀌어버리는 가장 흔한 원인입니다.
이것으로 작업 끝입니다
디자인은 이제 여러분이 소유한 평범한 파일로 저장소에 있습니다. 미리보기에서 본 그대로 도착했으며, 그것이 저희가 유일하게 신경 쓰는 버전입니다. 그 이후 무엇을 하실지는 여러분과 여러분 자신의 코드베이스에 있는 여러분 자신의 에이전트 사이의 일이며, 저희와는 무관합니다.