저는 Claude와 다른 AI들을 항상 사용합니다.

하나의 채팅만으로도 저는 컴포넌트를 얻고, 또 다른 채팅에서는 작은 Python 스크립트, Mermaid 다이어그램, Markdown 파일 또는 그날 제가 직면했던 문제를 해결하는 유틸리티를 받습니다.

그리고 그것들은 사라집니다.

AI가 실패하는 것이 아닙니다. 문제는 유용한 결과물을 도출해낸 후에 발생하는 것인데, 이는 인덱스 역할을 하도록 설계되지 않은 채팅 기록 속에 갇히기 때문입니다.

일주일이 지나면 저는 '그 CSV 헬퍼'나 '옵션을 비교하기 위한 그 JSX 도구'를 만들었다는 사실만 기억합니다. 프롬프트에 사용했던 몇 가지 키워드는 기억할 수 있지만, 채팅 내용, 날짜, 심지어 어떤 AI가 생성했는지조차 기억하지 못합니다. 그것을 다시 발견하려면 오래된 채팅을 파고들고, 스크롤하고, 관련 결과물을 인식하기를 바라는 행위를 해야 합니다.

이것이 제가 AIpine(ai-pine)을 만들게 된 이유입니다.

대화 기록은 무언가를 만드는 데는 훌륭하지만 저장하는 데는 좋지 않습니다

대화는 맥락을 제공합니다: 프롬프트, 반복 과정, 설명, 그리고 과정에서 발생한 오류들. 이는 창작 과정 중에는 도움이 됩니다.

그러나 최종 결과물은 다른 곳에 저장되어야 합니다.

저는 다음과 같은 특성을 가진 항목들을 저장하고 싶었습니다:

• 나중에 재사용하고 싶은 JSX 인터페이스
• 프레젠테이션에 필요할 Mermaid 다이어그램
• HTML 프로토타입
• Markdown 노트 또는 프롬프트
• CSV 출력
• Python 또는 셸 스크립트

이것들을 일반적인 첨부 파일로 취급하면 그 본질을 잃게 됩니다. 어떤 것은 렌더링되어야 하고, 다른 것들은 코드로 읽혀야 합니다. 보통은 둘 다 필요합니다: 목적을 상기하기 위한 미리보기와 편집 및 재사용을 위한 원본입니다.

제가 찾고 있던 워크플로우

저는 흥미로운 AI 생성 파일을 저장하고, 나중에 그것을 찾고, 별도의 클라우드 계정이나 새 프로젝트로 만들지 않고 올바른 형식으로 열 수 있는 간단한 iPhone 워크플로우를 원했습니다.

이것은 저에게 몇 가지 요구사항을 주었습니다:

이것은 저에게 몇 가지 요구사항을 주었습니다:

• 로컬에 유지되어야 합니다. 파일을 가져오는 것이 또 다른 서비스에 업로드한다는 의미를 내포해서는 안 됩니다.
• 가져오기는 빨라야 합니다. 보존할 가치가 있는 것을 저장하기에는 공유 시트(Share-sheet)나 파일스 액션(Files action)으로 충분합니다.
• 보기 좋게 보여야 합니다. 다이어그램, 문서, 인터페이스를 단순히 텍스트의 벽으로 변환하는 것은 의미가 없습니다.
• 검색은 효율적이어야 합니다. '이것이 무엇을 했는지 어렴풋이 기억난다'는 경우에도 파일 이름과 소스 내부에서 검색이 작동해야 합니다.
• 원본 파일이 자산(asset)입니다. 미리보기(Preview)가 좋을 수는 있지만, 원본 파일이 여전히 자산입니다.

AIpine의 기능

AIpine은 제가 이 워크플로우를 위해 만든 iPhone 및 iPad 앱입니다.

이는 AI로 생성된 파일을 위한 로컬 파일 라이브러리입니다. 이 앱으로 가져와 정리하고, 나중에 검색하며, 소스를 검토하고, 렌더링된 형태가 텍스트보다 더 흥미로운 경우 미리 볼 수 있습니다.

지원되는 형식은 JSX, HTML, Mermaid, Markdown, CSV 및 TSV, JSON, YAML, TOML, SQL, Python, shell, TypeScript, JavaScript, SVG, 그리고 일반 텍스트입니다.

JSX 에디터의 경우, 코드와 함께 라이브 인터페이스를 보는 것이 유용합니다. Mermaid의 경우, 구문(syntax) 대신 다이어그램을 보는 것이 좋습니다. 스크립트나 다른 파일의 경우, 채팅 이름 아래에 숨겨지지 않고 접근 가능하고 검색 가능한 참고 자료를 유지하는 것이 유용합니다.

미리보기는 작업을 가려서는 안 됩니다

우리가 개발하던 제품들에 대해 내린 첫 번째 결정은 미리보기 모드가 소스 모드를 대체해서는 안 된다는 것이었습니다.

AI가 생성한 콘텐츠는 기적적인 것이 아닙니다. 그것을 검토하고, 편집하고, 그 뒤에 숨겨진 의존성을 이해해야 하며, 때로는 일부를 다른 프로젝트로 복사해야 합니다. 많은 경우, 출력 자체만큼이나 출력 뒤의 코드가 중요합니다.

그렇기 때문에 AIpine은 이 둘을 근접하게 배치했습니다: 존재한다면 유용한 미리보기, 그렇지 않다면 원본 코드/텍스트입니다.

이는 우리의 애플리케이션을 더 사용하기 쉬울 뿐만 아니라 더 투명하게 만듭니다.

생성 후 발생하는 문제점

요즘에는 단순히 “AI가 이것을 만들 수 있을까?”라는 질문이 아닙니다.

네, 만들 수 있습니다.

더 시급한 질문은 다음과 같습니다. 대화창에서 벗어난 후 실제 결과물은 어떻게 되는가?

저에게는 그 답이 있습니다. 바로 개인 라이브러리입니다. AI를 사용해 만든 도구, 메모, 설계도, 스크립트 등이 검색 불가능하게 사라지지 않고 모이는 공간 말입니다.

제가 iPhone에서 이런 라이브러리를 만들 수 있는 해결책을 제시합니다: AIpine.

여러분은 AI로 무엇을 계속 만드시고, 얼마나 빨리 저장한 파일의 위치를 잊어버리시나요?

AIpine을 App Store에서 받기