AI 비서에게 버튼 스타일 변경을 요청한다고 가정해 봅시다. 페이지는 좋아졌지만, 모바일 내비게이션이 작동하지 않습니다. 여러 가지 변경 사항을 한 번에 요청하면 어떤 변경 사항 때문에 문제가 발생했는지 파악하기 어려워집니다.
작은 단위의 편집 루프가 도움이 됩니다. 눈에 보이는 하나의 변경 사항을 선택하고, 무엇이 계속 작동해야 하는지 설명한 다음, 다음으로 넘어가기 전에 페이지를 확인합니다.
Pulse’s actual desktop workspace, with the conversation and a running space-themed page visible together.
대화 내용과 실행 페이지가 Pulse에서 함께 보이도록 유지됩니다.
변경 사항에 명확한 경계를 부여하세요
“이 페이지를 개선해 줘”라는 요청은 거의 모든 것을 열어둡니다. 구체적인 요청은 검증할 수 있는 무언가를 제공합니다:
메인 가입 버튼을 채워진 파란색 스타일로 변경해 주세요. 레이블, 목적지 및 위치는 변경하지 마세요. 보이는 키보드 포커스 상태를 유지하세요. 다른 버튼들은 그대로 두세요.
요청 사항을 편집하는 요소에 맞게 조정하세요.
요소를 지정하세요
도구가 미리 보기에서 요소를 선택하는 것을 지원한다면, 그 참조를 사용하세요. 그렇지 않다면, 레이블과 위치를 제공하거나 표시된 스크린샷을 첨부하세요. 두 버튼은 다른 목적을 수행하면서 비슷하게 보일 수 있습니다.
가능하다면 실행 페이지가 대화 내용 옆에 보이도록 유지하세요. 비서가 변경 사항을 설명한 것뿐만 아니라 결과 자체도 확인하세요.
외관 이상의 것을 확인하세요
버튼 변경의 경우, 버튼을 클릭하여 목적지를 확인하고, 키보드로 접근하여 포커스가 보이는지 확인하세요. 좁은 화면으로 시도해 보세요. 양식(form)의 경우, 빈 제출과 유효하지 않은 값도 시도해 보세요.
무언가 고장 나면, 변경 사항 추가를 중단하세요. 비서에게 최신 편집 사항을 이전 작동 버전과 비교하여 검사하도록 요청하세요. 다음 변경 사항을 시작하기 전에 작동하는 사본을 저장하거나 커밋(commit)하세요.
제가 이 워크플로우 주변으로 구축한 이유
Pulse를 만든 이유는 코드를 보면서 결과물도 함께 AI와 작업하고 싶었기 때문입니다. 추가적인 설정들은 제가 만들고자 하는 것에서 주의를 분산시켰습니다.
Pulse는 채팅, 에디터, 라이브 미리보기를 하나의 데스크톱 워크스페이스에 담았습니다. '포인트-투-에딧(Point-to-edit)' 노트 기능을 사용하면 미리보기 화면의 특정 요소를 AI가 식별할 수 있도록 할 수 있습니다. 또한 토큰 최적화 기능, 선택적 스마트 라우팅(smart routing), 그리고 앱 내부에서 처리되는 로컬 음성 설정까지 포함하고 있습니다.
이 소프트웨어는 macOS와 Windows용으로 일회성 $39의 비용이 발생합니다. 사용자는 자체 지원 제공업체 키를 가져와야 하며, 클라우드 AI 사용량은 별도로 청구됩니다. 제품 세부 정보 및 실제 워크스페이스 스크린샷은 builtbyangelo.co에서 확인할 수 있습니다.