며칠 전 동료 중 한 명이 나에게 부탁을 했다. 그들은 몇 개의 iOS 및 macOS 스크린샷을 iPhone 및 MacBook에서 UI가 렌더링되는 모형 이미지로 변환되기를 원했습니다. 문제? 오전 3시(PST)였는데, 내 디자인 팀 동료에게 물어볼 수 없다는 의미였습니다.
이제 이를 수행할 수 있는 온라인 도구가 많이 있지만 Canva에서와 같이 구독료를 지불하거나 등록하여 몇 번의 무료 평가판을 사용한 후 사용 크레딧을 구매해야 합니다. 또한 이러한 편집기는 소수의 디자인 사전 설정으로 제한됩니다. 나는 Anthropic의 Claude를 선택했고, 30분 안에 전체 팀이 사용할 수 있도록 스크린샷을 모형으로 만든 편집기를 만들었습니다. 살펴보세요:
물론 이름을 Framely로 지정했습니다. 브라우저 탭에서 실행되며 인터넷 연결이 필요하지 않습니다. 클라우드 서버에 아무것도 업로드되지 않으므로 개인 정보 보호에 대해서도 걱정할 필요가 없습니다. Framely는 독특한 배경을 생성하고 매력처럼 작동합니다. 제가 해야 할 일은 스크린샷을 드래그하고 장치를 선택한 다음 JPEG로 내보내는 것뿐입니다.
나는 코드를 본 적이 없으며 전체 편집 소프트웨어의 크기는 8MB에 불과합니다. 버그를 수정하거나 반복 작업을 할 때에도 나는 단지 변경 사항을 설명했을 뿐이고 Claude는 백그라운드에서 모든 작업을 수행했습니다. 심지어 Apple의 Liquid Glass 디자인 언어를 사용하여 전체 편집 도구가 macOS에 고유한 느낌을 갖게 했고, 어둡게/밝게 모드 전환 기능도 함께 제공했습니다.
건축은 중독성이 있다
이것은 제가 Claude를 사용하여 만든 최초의 웹 도구나 앱이 아닙니다. 지금까지 나는 Grammarly를 대체하는 Mac 앱인 Chrome 확장 프로그램, 내 자세를 모니터링하는 AirPods 동작 감지 유틸리티 등을 만들었습니다. 현재 구축 단계에 있는 몇 가지 아이디어가 더 있는데, 빨리 공유하고 싶습니다.
이제 저는 스스로를 건축업자라고 부르지 않겠습니다. 저는 코딩 방법도 모르고 UI 디자인의 핵심도 모릅니다. 내가 아는 것은 내가 만들고 싶은 것뿐이며 음성 명령만 사용하여 Claude에게 이러한 도구와 유틸리티를 만들도록 했습니다.
이는 우리가 컴퓨터와 상호 작용하는 방식에 대한 변화의 단계입니다.
나는 더 많이 말하고, 더 적게 타이핑하고 있습니다. 그리고 여러분이 컴퓨터를 사용하고 자신만의 소프트웨어를 구축하는 새로운 모드에 들어가도록 설득하기 위해 제가 제시할 수 있는 여러 가지 주장이 있습니다. 첫째, 개인용 앱을 구축할 때 원하는 기능을 완전히 제어할 수 있으며, 가장 중요한 것은 피하고 싶은 전문 용어를 건너뛰는 것입니다. 중복되는 기능이 없습니다. UX 디자인도 완벽하게 제어할 수 있습니다.
또 다른 예를 들어보겠습니다. 저는 최근에 완전 오프라인 Grammarly 편집기를 구축하고 메뉴 표시줄 유틸리티로 설계했습니다. 아이디어는 제가 가장 좋아하는 앱 중 하나인 Antinote와 Grammarly를 혼합한 것입니다. 나는 단지 Claude에게 디자인 지침을 주었고 Claude는 문법과 철자 검사에 Harper 엔진을 사용할 것을 제안했습니다. 그렇게 함으로써 나는 또 다른 앱에 대한 비용을 지불하는 것을 피할 수 있었을 뿐만 아니라 내 글쓰기와 데이터에 대한 완전한 통제권을 얻었습니다.
나 자신을 위한 앱을 만들 때 개인 정보 보호 측면을 완전히 제어할 수 있습니다. 데이터 수집에 대한 걱정은 없습니다. 더 이상 숨겨진 추적기나 활동 로거에 대해 생각할 필요가 없습니다. 현대에 무료 소프트웨어가 거의 항상 개인 정보 보호를 침해한다는 사실은 비밀이 아닙니다. 또는 기술 격언에 따르면 무료라면 아마도 제품일 것입니다.
또 다른 큰 장점은 버그를 수정하거나 새로운 기능을 추가하기 위해 업데이트를 기다릴 필요가 없다는 것입니다. 실제로 Claude와 같은 도구를 사용한다면 매우 쉬운 일입니다. 코드는 귀하의 장치에 있습니다. Claude가 작업에 착수하고 필요한 변경(읽기: 업그레이드)을 수행하는 동시에 변경 사항을 실시간으로 표시하는 데 필요한 것은 음성 명령(또는 자연어로 된 텍스트 지침)뿐입니다.
자신을 위해 구축해야 하는 많은 이유
오늘 오전, 단 2시간 만에 저는 편집실 업무에 필요한 모든 핵심 기능을 갖춘 미니멀리스트 워드 프로세서를 구축했으며, 클릭할 필요도 없는 불필요한 도구는 모두 건너뛰었습니다. 원래 아이디어는 완전히 미니멀한 UI였으며 전체 프로토타입은 노후화된 Intel Core i3 프로세서가 장착된 시스템에서 200MB 미만의 메모리를 사용하는 브라우저 탭에서 실행되었습니다. 패키지의 파일 크기가 20MB 미만으로 나왔는데, 이는 말도 안되는 일입니다.
약간의 테스트를 거친 후 저는 Claude에게 UI를 개선하고 어두운 모드와 밝은 모드 전환 기능을 갖춘 macOS 27 Golden Gate의 Liquid Glass 모양에 고유한 느낌을 주도록 요청했습니다. 최종 결과는 Apple의 시그니처인 둥근 UI 요소를 특징으로 하는 아름다운 그라데이션 모양이었습니다. 마치 워드 프로세서가 Apple 내부 디자이너들의 아이디어인 것 같았습니다.
나는 코드 한 줄도 보지 않고, 작성하지 않고도 이 모든 일을 해냈습니다. 나는 Claude에게 내가 원하는 것을 말했고 시각적 편집기가 실시간으로 변경 사항을 반영하는 것을 보았습니다. 그리고 저는 너무 강력한 Claude Fable 5도 사용하지 않았습니다. Anthropic의 저전력 Claude Opus 모델은 그 잡일을 잘 처리했습니다. 모든 핵심 기능과 현대적인 디자인을 갖춘 워드 프로세서를 구축하고 파일 크기를 20MB 미만으로 압축하는 것을 상상해 보십시오. 네, 클로드(Claude)와 같은 AI 도구를 사용하면 그게 바로 가능합니다.
그 편리함은 중독성이 강해서 매일 밤 잠들기 전 클로드와 제품 아이디어에 대해 논의하고 타당성을 브레인스토밍한 후 세부적인 제작 계획을 작성하게 합니다. 이 모든 일은 내 휴대폰에서 발생합니다. 다음날 아침, Mac에서 Claude 데스크톱 앱을 열고 채팅에 ‘build’라고 입력하기만 하면 AI가 한 시간 내에 완벽하게 작동하는 앱이나 유틸리티를 제공합니다.
내가 아무 생각 없이 둠스크롤링에 소비했던 시간은 이제 브레인스토밍과 구축에 소비됩니다. 정말 멋지죠? 나는 이 단계에 푹 빠져 있으며, 언제든지 멈추지 않습니다. 다음은 무엇입니까?
글쎄, 나는 방금 내 아이패드를 해리포터 세계관의 톰 리들이 소유한 일기장처럼 작동하는 일기장으로 바꿨습니다. 질문에 낙서를 하면 잠시 후에 사라지고, 마치 디지털 일기가 나에게 말을 거는 것처럼 한 번에 한 단어씩 화면에 답이 나타납니다.
즐거운 시간!
이 주제에 대해 더 알고 싶다면 아래를 참고하세요