Hydrogen
Commerce primitives for you and your coding agents. Add cart, products, money, and accounts to the framework you already use.
내 욕실·주방 사진에 마음에 드는 타일을 미리 깔아 보세요.
Translation pending
CommerceTypeScript · CSSGitHub @hyonamchoiOnlineOwner unconfirmed
Have you tried it? One tap is enough. No sign-in needed.
No updates detected yet. GitHub releases will appear here.
Owners of public repositories under a personal GitHub account can sign in to verify ownership and manage the introduction themselves. No administrator approval is needed.
Sign in, generate a verification file, and commit it to this repository’s default branch within 30 minutes. Files on other branches or forks do not count. Then check the file below to manage the project without administrator approval. Keep the file to retain your access.
If needed, you will go to sign-in. After signing in, return here and press your chosen verification button again.
Run /nomorevibe verify in your project folder to verify ownership and manage the introduction yourself.
Verify in one minuteAsk about other verification options
Loading the full README. The saved excerpt is shown below.
STUDIO TWOTONE — 한국형 AI 타일 시뮬레이터 방·욕실·주방 사진을 올리고 타일을 고르면 AI가 바닥·벽·백스프레시·샤워 공간에 해당 타일을 시공한 모습을 보여 주는 서비스입니다. 타일 도소매점과 시공·인테리어 업체가 고객 상담에 쓰는 B2B2C 도구를 목표로 합니다. (Roomvo의 한국형 대안) 소비자 화면 (/visualizer) • 내 방 사진 업로드 또는 데모룸 선택 (욕실·주방·현관) • 적용면 선택: 바닥 / 벽 / 백스프레시 / 샤워 공간 (면마다 다른 타일 지정, 최대 4면) • 타일 규격(100×100 ~ 1200×1200), 시공 패턴(정방향·엇붙임·헤링본·대각선), 줄눈 색상·폭 선택 • 컬렉션·색상·마감·적용면 필터, 즐겨찾기, 타일 비교(비포/애프터 슬라이더) • 샘플 주문·방문 상담·견적 신청 (개인정보 수집 동의 포함), 결과 공유 링크(/d/[id])Read the full README ↗
방·욕실·주방 사진을 올리고 타일을 고르면 AI가 바닥·벽·백스프레시·샤워 공간에 해당 타일을 시공한 모습을 보여 주는 서비스입니다. 타일 도소매점과 시공·인테리어 업체가 고객 상담에 쓰는 B2B2C 도구를 목표로 합니다. (Roomvo의 한국형 대안)
소비자 화면 (/visualizer)
/d/[id])딜러 콘솔 (/dealer)
iPad 매장 시연 (/showroom)
npm install
cp .env.example .env.local # GEMINI_API_KEY, DEALER_PASSWORD 입력
npm run dev # http://localhost:3000
환경변수는 .env.example을 참고하세요. 데모 모드 제한은 lib/constants.ts(무료 5회, IP당 일 20회)이며, 사용자가 자기 Gemini 키(BYOK)를 입력하면 제한 없이 쓸 수 있습니다.
lib/tiles.ts 도메인 타입·상수 / lib/server/* 파일 DB, 인증, 카탈로그 입출력, SSRF 방어, 속도 제한app/api/tile-apply Gemini(gemini-3.1-flash-image-preview)에 방 사진 + 면별 타일 샘플 + 시공 지시문을 전달app/api/dealer/* 딜러 전용 API / app/api/catalog, leads, designs 공개 APIcomponents/tile/* 소비자 UI, components/dealer/* 딜러 콘솔data/db.json)는 MVP용입니다. Vercel 같은 서버리스에는 맞지 않으므로 운영 시 DB와 객체 저장소로 교체하세요.public/demo-rooms/*.svg)는 자리표시자입니다. 실제 사진과 거래처 카탈로그로 교체하세요.