김솔비 블로그
기술 블로그

SNS에서 유행하는 AI 프롬프트, 빈칸만 채워 바로 쓰게 만들었다

5분 읽기시리즈 1/10

TL;DR

  • SNS에서 유행하는 AI 프롬프트를 모아, 빈칸만 채우고 복사해서 바로 쓰게 하는 사이트를 만들었다.
  • 운영비는 0원이다. 무료 플랜과 무료 API 한도 안에서 돈다.
  • 이 글은 연재의 서론 겸 목차다. 기획과 원칙, 기능을 한 바퀴 돈다.

프롬피드가 뭔가

프롬피드는 인스타그램, 틱톡, 스레드, 유튜브에서 화제가 된 AI 프롬프트를 모아, 빈칸만 채우고 복사해서 바로 쓸 수 있게 정리하는 사이트다.

처음 이름은 "프롬프트 박스"였다. SNS 피드처럼 매일 새 프롬프트가 올라온다는 뜻을 담아 "프롬프트 + 피드", 프롬피드(Promfeed)로 바꿨다. 예전 주소(prompt-box.solfany.com)는 새 주소로 308 영구 이동시켰다.

운영비는 0원이다. 무료 플랜과 무료 API 한도 안에서 돌린다.

기획, 디자인, 개발, 운영을 혼자 했고, AI 코딩 에이전트와 짝을 이뤄 작업했다.

왜 만들었나

SNS에서는 "이거 어떻게 한 거야?" 싶은 AI 결과물이 매주 유행한다. 지브리 풍 프로필 사진, MBTI 팩폭, 전생 체험 같은 것들이다.

그런데 막상 따라 하려면 불편한 점이 세 가지 있다.

  • 프롬프트가 영상 설명란, 댓글, 캡처 이미지에 흩어져 있다.
  • 찾아도 복사하기 불편하다. 캡처 이미지면 직접 타이핑해야 한다.
  • 이름이나 MBTI처럼 사람마다 바꿔야 하는 부분을 직접 고쳐 써야 한다.

어떻게 풀었나

  • 매일 자동으로 모으고, 사람이 골라서 올린다. 자동으로 바로 공개하지 않는다. 품질 관리 때문이다.
  • 바꿔야 할 부분은 빈칸으로 만든다. 프롬프트 안의 {{이름}} 같은 자리가 입력칸이 되고, 채우면 프롬프트에 바로 들어간다.
  • 복사 한 번, 또는 바로 열기. ChatGPT와 Claude는 입력창이 채워진 채로 열린다. Gemini는 복사한 뒤 붙여 넣도록 안내한다.
  • 결과 예시를 같이 보여 준다. 글과 이미지로 된 결과를 먼저 보고 해 볼 만한지 판단할 수 있다.

타깃은 AI를 써 보고 싶은데 뭘 넣어야 할지 모르는 일반 SNS 사용자다. 휴대폰으로 들어오는 사람이 많을 것이라 모바일을 먼저 설계했다.

처음에 정한 원칙

  1. 가입과 결제가 없다. 저장함도 로그인 없이 브라우저에 저장한다.
  2. 무료로 운영할 수 있어야 한다. Supabase 무료 플랜, Vercel Hobby, 무료 API 한도 안에서 돌린다.
  3. 개인정보는 최소로. 알림 구독에도 이름이나 전화번호를 받지 않는다. 사진은 우리 서버에 올리지 않는다.

두 번째 원칙이 이후 설계를 가장 많이 정했다. 캐시 구조, API 한도 관리, 이미지 전략이 모두 여기서 나왔다.

기능 한 바퀴

방문자 화면

  • 홈: 대화형 목업 애니메이션, SNS 화제·인기 급상승·최신 목록, 해시태그 흐름, "오늘의 한 장" 카드 뽑기, FAQ
  • 목록: 모든 프롬프트, 카테고리, 태그 페이지, 검색(⌘K), 인기·조회·최신 정렬
  • 상세: 빈칸 채우기, 복사, AI 바로 열기, 결과 예시, 팁, 관련 프롬프트
    • 한 글에 프롬프트가 여러 개면 각각 복사할 수 있고, 아래 큰 버튼은 "1번 복사 → 2번 복사"로 차례로 넘어간다.
    • 내 사진을 넣는 프롬프트는 준비물과 보내는 순서를 안내하고, "넣은 사진 → 결과"를 비교해 보여 준다.
  • 이번 주 TOP 10: 최근 7일 복사 수와 저장 수×3으로 순위를 매기고 순위 변화를 표시한다.
  • 저장함과 최근 본 글: 로그인 없이 브라우저에 저장한다.
  • 공유: 링크 복사, 카카오톡, X, 스레드, 휴대폰 공유 시트, 인스타 스토리용 이미지 자동 생성
  • 알림: 매주 월요일 오전 10시에 TOP 10 웹 푸시
  • 다크 모드, 홈 화면 추가(PWA), 공지사항

관리자 화면

  • 대시보드: 발행 현황(목표 30개), 14일 조회·복사 그래프, 주제별 성과, "찾는데 없는 검색어", 최근 오류, 백업
  • 프롬프트 편집: 영문 주소 자동 생성, 빈칸 자동 제안, 요약·태그·카테고리 자동 채우기, 예약 발행, 미리보기
  • 수집함: 매일 자동으로 모인 후보, 점수와 중복 표시, 편집 화면 없이 확인만 하고 올리는 ⚡ 바로 발행, 키워드 관리, API 사용량 그래프

연재 목차

이 연재는 글마다 문제 → 선택지 → 내 선택과 이유 → 결과 → 배운 점 순서로 쓴다.

  1. 방문자가 늘어도 DB 조회는 그대로다
  2. AI 없이 유행 프롬프트 자동 수집기 만들었다
  3. 유튜브 API 무료 한도, 10,000번이 아니었다
  4. 복사해도 숫자가 안 올라가던 이유
  5. 이미지가 깨져 보였던 이유 3가지
  6. Lighthouse 모바일 63점을 98점으로 올렸다
  7. 개인정보 없이 매주 알림 보내기 (웹 푸시)
  8. 테스트가 깨지면 배포가 안 되게 막았다
  9. 프롬피드 회고: 잘한 것과 아쉬운 것

프롬피드 개발기

프롬피드: promfeed.solfany.com