we practice what we preach
이 사이트도 프롬프트 한 방
"바이브 가능?"은 SaaS를 프롬프트로 대체하라고 말하는 사이트니까, 이 사이트 자체의 재구축 프롬프트도 공개합니다. 아래를 복사해서 AI 코딩 에이전트에 붙여넣으면 이 사이트가 나옵니다.
"바이브 가능?" 이라는 디렉터리 사이트를 만들어줘. 유료 SaaS 앱마다 "AI 코딩 프롬프트 한 방으로 대체할 수 있는가?"를 판정해 보여주는 사이트야. 요구사항: - 스택: Astro(정적 프리렌더) + Cloudflare Pages + D1(SQLite). 클라이언트 프레임워크 금지, 인터랙션은 바닐라 JS. 데브툴 미학: JetBrains Mono + Space Grotesk(+한글 Pretendard), CRT 블랙 다크 모드(기본)와 종이 질감 라이트 모드, 요란한 색은 형광(phosphor) 그린 하나만. - 앱 하나 = data/apps/ 아래 JSON 파일 하나: slug, name, domain, category, priceMonthly, verdict(yes|kinda|no), whatYouLose[], priorArt[], prompt, notes. - 홈: 실시간 필터되는 히어로 검색, 카테고리 칩, 그리고 "데스 리스트" — "나 이거 대체했어요" 투표순 랭킹. 각 행: 파비콘, 이름, 카테고리, 가격, 판정 배지(YES 그린 / KINDA 앰버 / NOT REALLY 레드), 투표 수. - "COLLECTIVE MRR DESTROYED: ₩X/mo" 티커(가격 x 투표수 합계). 오도미터처럼 자릿수가 구르는 숫자 + 앱 가격이 흐르는 스크롤 테이프. 텍스트가 아니라 주식 시세판처럼 보여야 함. - 앱 페이지 /:slug — 큰 판정, 원샷 빌드 프롬프트 코드 블록(Claude Code / Codex / Cursor 에이전트별 실행 안내를 앞에 붙여주는 복사 버튼 3개), 솔직한 "포기하는 것" 목록, prior-art 링크, 관련 앱 3개, "나 이거 대체했어요" 투표 버튼(D1 카운터, IP 레이트리밋, 로그인 없음), X 공유 버튼, 4문항 FAQ. - SEO: 전부 서버 렌더(정적), 질문형 타이틀, canonical URL, JSON-LD(WebSite+SearchAction, ItemList, FAQPage, BreadcrumbList, Organization), sitemap.xml, robots.txt, 빌드 타임에 satori + resvg로 페이지별 OG 이미지 생성. - 웨이트리스트 이메일 수집(D1, 허니팟, 중복 제거), 그리고 푸터에 바로 이 재구축 프롬프트로 가는 링크. 사이트가 스스로 설파하는 걸 실천해야 하니까. - 마이크로 애니메이션을 절제 있게 곳곳에: 오도미터 롤, 호버 리프트, 프레스 스케일, 복사 확인, 스크롤 리빌. prefers-reduced-motion 존중. - MIT 라이선스. 계정 없음, 결제 없음, 트래킹 없음.