Claude 3.7의 코딩 기능은 Claude 3.5 및 기타 모델에 비해 크게 향상되어 새로운 가능성을 열어줍니다. 예를 들어, 이제 두 단계와 매우 간단한 프롬프트를 사용하여 Cursor가 앱의 첫 번째 대화형 버전 개발을 완료하도록 할 수 있습니다. 첫 번째 단계는 Cursor가 모든 앱 인터페이스 프로토타입을 생성하도록 하는 것입니다. 두 번째 단계는 Cursor가 프로토타입을 기반으로 에이전트 모드에서 모든 인터페이스 개발을 완료하도록 하는 것입니다. 이 두 단계 앱 생성 전략은 실제로 Claude 3.7의 기능과 분리할 수 없습니다. 핵심은 두 가지입니다. 1. Claude 3.7의 프로토타입 생성 기능은 놀랍습니다. 2. Cursor 에이전트 모드와 Claude 3.7의 프로토타입 기반 여러 단계로 작업을 완료하는 기능은 놀랍습니다. 구체적인 단계와 프롬프트는 다음과 같습니다. 👇
1/ 1단계: 새 프로젝트 파일을 만들고 HTML 프로토타입을 생성합니다. 프롬프트를 참조하여 적절히 수정할 수 있습니다. AI 기반 자동 회계 앱을 개발하고 프로토타입 이미지를 출력해야 합니다. 다음 방법을 사용하여 앱의 모든 프로토타입 이미지를 디자인하는 데 도움을 주세요. 1. AI 회계 앱에서 사용자에게 필요한 기능을 고려합니다. 2. 제품 관리자로서 이러한 인터페이스를 계획합니다. 3. 디자이너로서 이러한 프로토타입 인터페이스의 디자인을 고려합니다. 4. HTML을 사용하여 모든 프로토타입 인터페이스를 단일 화면에 생성합니다. FontAwesome과 같은 오픈 소스 아이콘 라이브러리를 사용하여 프로토타입을 더욱 세련되고 사실적으로 만들 수 있습니다. 이러한 인터페이스를 개발할 준비가 되도록 합니다. 세 가지 핵심 사항이 있습니다. 1. Claude 3.7 Sonnet 모델을 선택합니다(생각하는 것은 권장하지 않습니다). 2. Composer 일반 모드 또는 버전 0.46의 편집기 모드를 선택합니다. Agent를 선택하지 마세요. Agent를 선택하지 마세요! 3. 한 번에 생성된 HTML 코드 파일은 매우 길어 잘리거나 생성에 실패할 수 있습니다. 실패한 코드 파일을 클릭하세요. 커서가 파일을 생성하고 생성된 코드를 새로 생성된 파일에 복사하라는 메시지를 표시합니다. 그런 다음 @를 사용하여 커서가 파일을 완성하도록 요청합니다.
2/ 2단계: Cursor가 프로토타입 이미지를 기반으로 앱을 생성하도록 합니다. Xcode에서 새 프로젝트를 생성한 다음 Cursor에서 프로젝트의 루트 디렉터리를 엽니다(iOS 프로젝트를 개발한 적이 없고 이 단계를 수행하는 방법을 모르는 경우 먼저 이전 iOS 앱 개발 비디오를 시청할 수 있습니다). Cursor가 연 iOS 앱 개발 프로젝트의 루트 디렉터리에 위에서 얻은 앱 프로토타입 이미지를 보내고 "제공한 프로토타입 이미지를 기반으로 이 앱의 디자인을 완료해 주세요"라고 요청합니다. 이 단계에는 세 가지 핵심 사항이 있습니다. 1. Claude 3.7 Sonnet 모델을 선택합니다. 생각하거나 생각하지 않고 시도할 수 있습니다. 2. 에이전트 모드를 선택합니다. 에이전트를 선택해야 합니다! 3. 이 과정에서 생성된 코드 파일을 계속 수락합니다. 생성이 완료된 후 Xcode 디버깅 중 버그가 발생하면 Xcode 오류 메시지를 커서로 다시 복사할 수 있습니다. 버그 시나리오를 수정하기 위해 생각 모델을 사용하는 것이 좋습니다. 이번 테스트에서는 두 단계에서 각각 커서 생성 오류와 Xcode 오류가 있었습니다. 그 밖의 모든 일은 순조롭게 진행되었고, 얻은 결과는 제가 기대했던 것보다 훨씬 뛰어났습니다.
전체 텍스트 링크:
저는 이 능력을 더 완벽하게 소개하기 위해 또 다른 교육 영상을 만들었습니다.