GEMINI 3 PRO
프롬프트

프롬프트

49
작성자@Sedativ
Nov 25, 2025

추수감사절 찰리 브라운 테마 스토어

추수감사절 찰리 브라운 테마 스토어

추수감사절 찰리 브라운 스타일의 상점 인터페이스를 구축하기 위한 간결한 프롬프트로, 웹 스토어프론트 디자인에 적합합니다.

프롬프트
Thanksgiving Charlie Brown 테마와 스타일로 스토어를 만들어 주세요.
작성자@elvis
Nov 24, 2025

AI 게임을 위한 미래 지향적인 애니메이션 랜딩 페이지

AI 게임을 위한 미래 지향적인 애니메이션 랜딩 페이지

새로운 AI 게임을 위한 미래 지향적이고 애니메이션이 풍부한 랜딩 페이지를 디자인하도록 Gemini 3 Pro에 요청하는 Claude Code 스킬 내부에서 사용된 영어 프롬프트.

프롬프트
새로운 AI 게임의 랜딩 페이지를 디자인하고 싶습니다. 미래 지향적인 느낌을 주면서 최대한 많은 애니메이션을 활용하고 싶습니다.
작성자@Jason Zhou
Nov 21, 2025

Linear 스타일 변형이 적용된 Hello world 웹 페이지

Linear 스타일 변형이 적용된 Hello world 웹 페이지 - 1
Linear 스타일 변형이 적용된 Hello world 웹 페이지 - 2
Linear 스타일 변형이 적용된 Hello world 웹 페이지 - 3

스타일과 이미지(특히 선형 스타일 디자인과 이미지 프롬프트)를 추가하면 생성된 "Hello World" 페이지의 품질이 어떻게 달라지는지 보여주는 Gemini 3.0용 간단한 프롬프트 3가지.

프롬프트
"Hello world" 페이지를 만들어 주세요. Linear 스타일의 "Hello world" 페이지를 만들어 주세요. Linear 스타일의 "Hello world" 페이지를 만들어 주세요.

럭셔리 3D 시계 제품 체험 페이지 (Next.js + Three.js)

럭셔리 3D 시계 제품 체험 페이지 (Next.js + Three.js)

고급 시계를 위한 럭셔리 3D 제품 경험 웹 페이지를 Next.js, Three.js, React Three Fiber, GLSL을 사용하여 디자인하는 것에 대한 길고 상세한 일본어 프롬프트. 특정 스크롤 섹션 및 셰이더 요구 사항을 포함합니다.

프롬프트
고급 손목시계용 3D 제품 경험 페이지를 디자인합니다. **타겟 사용자:** 30~50세의 부유층 고객, 시계 애호가, 사업가. **브랜드 톤:** 럭셔리 × 테크 (현대적이고 세련된 하이엔드 느낌). 스크롤 경험 (5개 섹션): 히어로 섹션 – 손목시계가 어둠 속에서 회전하며 서서히 빛 속으로 나타납니다. 홀로그램 효과와 커스텀 셰이더를 사용한 프레넬 반사를 구현합니다. 디테일 줌 – 다이얼의 클로즈업. GLSL을 사용하여 금속 반사, 시차 매핑, 실시간 광택을 구현합니다. 메커니즘 분해 – 시계가 분해되고 내부 무브먼트가 공간에 떠다닙니다. 변위 셰이더를 사용하여 에너지 필드 효과를 내고 각 부품에 글로우 효과를 추가합니다. 재료 경험 – 다양한 재료 변형을 전환합니다. PBR 셰이더로 금속성, 유리 굴절, 티타늄의 무광 질감을 물리 기반 방식으로 표현합니다. 엔딩 – 시계가 재조립되고, 커스텀 셰이더로 만든 추상적인 그라데이션 메시 배경이 나타납니다. 블룸 및 피사계 심도와 같은 후처리 효과를 적용합니다. **기술 스택:** Next.js 15 + Three.js + React Three Fiber + GLSL (커스텀 셰이더) + react-postprocessing + Lenis. 셰이더 요구 사항: 프레넬 반사 셰이더 (림 라이트 효과) PBR 재료 셰이더 (거칠기, 금속성, AO) 홀로그램 셰이더 (무지개빛 간섭 효과) 변위 셰이더 (물결 및 왜곡 효과) 커스텀 배경 셰이더 (그라데이션 노이즈) 후처리: Bloom, ChromaticAberration, DepthOfField, Vignette. 다음 항목에 대한 구체적인 수치를 제안해 주세요. 각 섹션의 스크롤 범위 (% 또는 vh 단위) 애니메이션 매개변수 (위치, 회전, 스케일 등의 시작/종료 값) 이징 함수 (이징 유형) 카메라 FOV, 위치 및 타겟 값 조명 설정 (강도, 색상, 위치) 각 셰이더의 유니폼 값 (시간 진행, 스크롤 진행, 색조, 강도 등).
Gemini 3 직접 사용 후기: 놀라움을 금치 못했던 10가지 실제 사례
블로그

Gemini 3 직접 사용 후기: 놀라움을 금치 못했던 10가지 실제 사례

더 많은 사례 탐색
Nov 20, 2025

재미있는 젤다 비디오 캡처 편집기 프롬프트

재미있는 젤다 비디오 캡처 편집기 프롬프트

시니어 게임 프로그래밍 마스터를 연기하며 WebCodecs를 사용해 에디터를 구축하고 젤다의 전설: 브레스 오브 더 와일드 게임 플레이를 캡처하는 과정을 설명하는 유머러스한 중국어 프롬프트.

프롬프트
당신은 베테랑 게임 프로그래밍 마스터입니다. WebCodecs를 렌더링 모듈로 사용하는 에디터를 작성하는 것을 도와주세요. 스위치를 켜고 The Legend of Zelda: Breath of the Wild를 삽입하세요. 카트리지를 핥지 않도록 조심하세요. 약간 씁쓸합니다. 전문 캡처 카드를 사용하여 비디오를 캡처하고, 잊혀진 사당 챌린지를 완료하고, 윈드 밤을 사용하세요. 이 모든 것을 60초 이내에 완료해야 합니다.
작성자@Harshith
Nov 20, 2025

애니메이션 섹션이 있는 럭셔리 스마트워치 Three.js 랜딩 페이지

애니메이션 섹션이 있는 럭셔리 스마트워치 Three.js 랜딩 페이지

Three.js, Anime.js, Tailwind를 사용하여 럭셔리 스마트워치 랜딩 페이지를 구축한 다음, 고급 애니메이션 및 상호 작용이 포함된 다중 섹션 스크롤링 사이트로 개선하기 위한 Gemini 3 Pro의 상세한 다단계 프롬프트 시퀀스.

프롬프트
Three.js, Anime.js, Tailwind를 사용하여 고급 스마트워치 페이지용 HTML 파일 하나를 만드세요. 3D 시계 모델과, 베이지색 배경의 시계를 보여주는 둥근 구멍이 있는 어두운 질감의 오버레이를 만들고, 페이지 로드 시 헤더와 큰 숫자가 슬라이드인되도록 애니메이션을 적용하세요. 페이지를 더 전문적으로 만드세요. 정적인 구멍을 로드 시 열리는 홍채로 바꾸세요. 시계 페이스 위에 반사 효과가 있는 유리 돔을 추가하고, 금속 재질을 개선하며, 마우스 시차 효과를 추가하여 시계가 커서에 따라 회전하도록 하고, 시계 페이스에 시간과 피트니스 링을 그리세요. 단일 화면을 다중 섹션 스크롤 사이트로 전환하세요. 사용자가 스크롤할 때, 3D 시계가 각 섹션에 맞춰 움직이고 회전하도록 애니메이션을 적용하세요. 텍스트가 캔버스 위로 스크롤되는 동안 3D 캔버스와 배경은 고정하고, 시계만 움직이도록 하세요. - 고정된 캔버스: 캔버스 위치 지정
작성자@KAWAI
Nov 20, 2025

다운로드 버튼이 있는 간단한 SVG 아이콘 40개 생성

다운로드 버튼이 있는 간단한 SVG 아이콘 40개 생성

Gemini에게 각 아이콘에 대한 다운로드 버튼이 있는 연한 파란색 선 스타일의 간단하고 다용도 SVG 아이콘 40개를 생성해 달라고 요청하는 일본어 프롬프트.

프롬프트
SVG 형식의 간단하고 활용도 높은 아이콘 40개를 생성해 주세요. 캔버스에 그려야 합니다. 아이콘 색상은 light blue로 하고, 배경은 white로 해주세요. Material Design 느낌의 라인 스타일 아이콘을 사용합니다. 사용자가 각 SVG 아이콘을 SVG 데이터로 다운로드할 수 있는 버튼을 추가해 주세요.

복셀 아트 파고다 정원 단일 파일 HTML 장면

복셀 아트 파고다 정원 단일 파일 HTML 장면

Chrome에서 실행되는 완전히 독립형 HTML 파일로 다채로운 복셀 아트 파고다 정원 환경을 디자인하는 영어 프롬프트 (모든 복셀/WebGL 라이브러리 사용).

프롬프트
화려하게 장식된 이 생기 넘치는 정원 안에 자리한, 정교하게 제작된 복셀 아트 환경을 디자인해 주세요. 다양한 식물, 특히 벚나무를 포함하고, 전체적인 구성이 활기차고 다채로우며 시각적으로 인상 깊게 느껴지도록 해주세요. 원하는 복셀 또는 WebGL 라이브러리를 사용해도 좋지만, 제가 Chrome에 직접 붙여넣고 열 수 있는 단일 HTML 파일로 전체 프로젝트를 제공해야 합니다.

미래 지향적인 암호화폐 대시보드 UI

미래 지향적인 암호화폐 대시보드 UI

글래스모피즘, 네온 악센트, 세련된 Inter 서체를 사용하여 미래 지향적인 다크 모드 암호화폐 데이터 대시보드를 재현하기 위한 중국어 프롬프트.

프롬프트
미래 지향적인 다크 모드 암호화폐 데이터 대시보드를 재현해 보세요. 전체적으로 고대비의 옵시디언 배경, 그라데이션 윤곽선이 있는 글래스모피즘 UI 요소, 슬림한 Inter 타이포그래피, 그리고 네온 조명 효과가 적용된 금융 데이터 시각화를 사용합니다.

HTML에서 SVG 대관람차 기계식 애니메이션

HTML에서 SVG 대관람차 기계식 애니메이션

기어, 연결 장치 및 자동 수평 조절 캐빈을 갖춘 정밀한 기계식 SVG 대관람차 애니메이션을 HTML로 출력하도록 설계하는 프롬프트.

프롬프트
메인 휠, 중앙 베어링, 지지 프레임, 구동 기어 세트, 그리고 수평을 유지하는 역방향 자동 수평 조절 메커니즘을 갖춘 8~12개의 캐빈을 포함하는 SVG 대관람차 기계 애니메이션을 디자인합니다. 모든 연결부와 기어 변속 장치는 정밀해야 하며, 완전한 기계 구동 체인과 캐빈을 수평으로 유지하는 역회전 로직을 보여줘야 합니다. HTML 형식으로 출력합니다.

Keep-inspired 중국어 운동 코스 웹사이트

Keep-inspired 중국어 운동 코스 웹사이트

Keep에서 영감을 받은 중국어 운동 코스 사이트를 Gemini에게 만들어 달라고 요청하는 긴 영어 스타일 프롬프트(중국어). 반응형 Tailwind CSS, 코스 카드, 필터 및 일치하는 비디오 팝업을 포함합니다.

프롬프트
Keep에서 영감을 받은 중국어 "운동 코스" 웹페이지를 만드세요. 전체 화면 운동선수 히어로 이미지, 투명한 고정 내비게이션, 중국어 캡슐 태그 카테고리, 그리고 중국어 코스 카드 그리드를 포함합니다. 각 코스 카드는 훈련 프로그램에 해당하며, Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong와 같은 크리에이터의 코스 스타일을 참고하여 난이도와 기간에 대한 중국어 제목과 라벨을 디자인합니다. 카드를 클릭하면 카드 정보와 정확히 일치하는 코스 미리보기 비디오 플레이어가 페이지 내에서 열립니다. 전반적으로 미니멀하면서도 섬세한 디자인을 유지하고, 부드러운 스크롤링과 호버 애니메이션, 은은한 그라데이션, 세련된 타이포그래피를 사용하여 고급스러운 중국어 경험을 제공합니다. Tailwind CSS를 사용하여 완벽하게 반응형 레이아웃을 구현합니다.

Keep 스타일 중국어 피트니스 페이지 (단일 HTML)

Keep 스타일 중국어 피트니스 페이지 (단일 HTML)

Tailwind 및 JavaScript를 사용하여 단일 HTML 파일에 대화형 SVG 신체, 필터 및 운동 카드가 포함된 Keep 스타일의 중국어 피트니스 페이지를 구축하기 위한 영어 프롬프트.

프롬프트
깔끔하고 현대적인 UI, 인터랙티브 SVG 바디(앞/뒤 보기, 근육 클릭 시 강조 표시), 중국어 필터(성별/레벨/장비), 운동 카드를 갖춘 Keep 스타일의 중국어 피트니스 페이지를 만드세요. Tailwind + JavaScript를 사용하여 단일 HTML 파일로 제공합니다.

네오 브루탈리스트 웹사이트 디자인 프롬프트

네오 브루탈리스트 웹사이트 디자인 프롬프트

부드러운 스크롤 애니메이션, 생생한 색상, 반응형 Tailwind 기반 레이아웃을 갖춘 네오 브루탈리즘 스타일 웹사이트를 만들기 위한 짧은 영어 프롬프트.

프롬프트
창의성의 한계를 뛰어넘는 네오 브루탈리즘 웹사이트를 만들어 보세요. 부드러운 스크롤 애니메이션, 생동감 있는 색상, Tailwind ES 스타일을 포함하고 완벽하게 반응형으로 만드세요.

포토월이 있는 레트로 폴라로이드 카메라 웹사이트

포토월이 있는 레트로 폴라로이드 카메라 웹사이트

레트로 폴라로이드 느낌, 라이브 웹캠 미리보기, 사진 현상 애니메이션, 드래그 가능한 사진으로 콜라주 벽을 만들 수 있는 웹캠 앱을 자세히 설명하는 중국어 프롬프트.

프롬프트
레트로 폴라로이드 분위기의 웹캠 애플리케이션을 개발해 주세요. 페이지 왼쪽 하단에 폴라로이드 카메라 모델을 배치하여 사용자의 웹캠을 호출하고 실시간 미리보기를 표시할 수 있도록 합니다. 셔터를 클릭하면 카메라 상단에서 "사진 용지"가 천천히 나오고, 사진이 처음에는 흐릿하게 보이다가 점차 선명하게 현상됩니다. 사용자는 완전히 현상된 사진을 카메라 위에서 페이지의 어느 위치로든 드래그하여 "사진 콜라주 벽"과 유사한 자유로운 레이아웃을 만들 수 있습니다.
작성자@松果先森
Nov 20, 2025

타로 스타일 웹 앱으로 꿈 일기 쓰기

타로 스타일 웹 앱으로 꿈 일기 쓰기

사용자가 매일 아침 꿈을 기록하고, 스티커 일러스트를 콜라주하며, 마지막으로 타로 카드와 같은 꿈 카드를 생성하는 중국어 웹 앱을 구축하기 위한 프롬프트.

프롬프트
사용자가 매일 아침 꿈을 기록하는 중국어 웹 애플리케이션을 만듭니다. 이 앱은 꿈의 장면을 콜라주하고 재구성할 수 있는 수많은 "일러스트 스티커"를 제공하며, 최종적으로 타로 카드처럼 보이는 꿈 카드를 생성합니다.

Gemini 및 React를 사용한 3D 벽돌 쌓기 앱

Gemini 및 React를 사용한 3D 벽돌 쌓기 앱

Gemini가 React, Three.js, Tailwind CSS 및 Gemini API를 사용하여 Minecraft와 유사한 3D 벽돌 쌓기 앱을 구축하는 세계적 수준의 프런트엔드 엔지니어 역할을 하도록 하는 영어 시스템 스타일 프롬프트.

프롬프트
세계 최고 수준의 프런트엔드 엔지니어이자 UX 디자이너가 되어 보세요. React, Three.js (@react-three/fiber), Tailwind CSS, Google Gemini API (@google/genai)를 사용하여 3D Brick Builder Application을 구축하세요. ## 디자인 철학 - **테마**: White Base 모던 미학.
작성자@katon
Nov 20, 2025

X (트위터) MBTI 분석 웹 앱

X (트위터) MBTI 분석 웹 앱

Gemini 기반 백엔드를 호출하여 트윗의 MBTI 유형을 분석하는 중국어 웹 인터페이스를 Linear의 다크 테마로 스타일링하여 생성하기 위한 프롬프트.

프롬프트
X MBTI 분석기 만들기: 사용자가 트윗을 붙여넣으면 프런트엔드가 백엔드를 호출합니다(백엔드는 Gemini API를 사용하여 MBTI 유형을 추론). 디자인 스타일은 Linear를 따르고 다크 모드만 지원하며, 미니멀하면서도 고품질의 느낌과 세련된 디테일을 갖춰야 합니다. 인터페이스는 중국어로 제공되어야 합니다.
작성자@松果先森
Nov 20, 2025

AI 한푸 의상 가상 피팅 앱

AI 한푸 의상 가상 피팅 앱

사용자가 사진을 업로드하여 다양한 왕조의 의상을 가상으로 입어보고 비녀와 메이크업을 맞춤 설정할 수 있는 한푸 옷장 웹 앱을 Gemini 3 Pro가 생성하도록 하는 중국어 프롬프트.

프롬프트
중국어 AI 한푸(Hanfu) 옷장 앱을 만드세요. AI 얼굴 바꾸기 또는 3D 신체 형태 기술을 사용합니다. 사용자가 사진을 업로드하면 클릭 한 번으로 다양한 왕조(예: Tang, Song, Ming)의 한푸를 "입어보거나" 비녀와 메이크업을 직접 커스터마이징할 수 있습니다.
작성자@被减数
Nov 20, 2025

레트로 Motorola Fix Beeper 타자기 웹 앱

레트로 Motorola Fix Beeper 타자기 웹 앱

사용자 입력 텍스트를 페이지 중앙에 느린 타이핑 애니메이션과 함께 드래그 가능한 카드로 변환하는 레트로 Motorola Fix Beeper 스타일 웹 타자기를 구축하기 위한 Gemini 3 Pro용 중국어 프롬프트.

프롬프트
Motorola Fix Beeper 테마의 레트로 타자기 웹 애플리케이션을 만들고 싶습니다. 페이지 중앙에 사용자가 입력한 텍스트를 타자기가 느리게 타이핑하는 것과 유사한 효과로 카드에 생성하고, 이 카드를 빈 공간으로 드래그할 수 있는 타자기를 표시해 주세요.
작성자@松果先森
Nov 20, 2025

그리스 신화 별자리 중국 웹 앱

그리스 신화 별자리 중국 웹 앱

각 별자리나 별을 그림책처럼 보여주고, 별자리 선과 신화 속 캐릭터 일러스트를 결합한 단일 페이지 중국어 웹 앱을 구축하기 위한 Gemini 3 Pro 프롬프트.

프롬프트
각 별이나 별자리에 얽힌 그리스 신화를 그림책 형식으로 보여주는 웹 애플리케이션을 한국어로 생성해 주세요. 별자리 연결선뿐만 아니라 신화 속 등장인물들의 삽화도 함께 표시되어야 합니다.
작성자@松果先森
Nov 20, 2025

사이버 스타일의 현대 중국 점술 웹 앱

사이버 스타일의 현대 중국 점술 웹 앱

전통적인 길한 활동 대신 젊은 층의 라이프스타일에 맞춰 현대적인 일일 운세 카드를 생성하는 사이버 테마의 중국 웹 앱을 만드는 Gemini 프롬프트.

프롬프트
젊은 층을 대상으로 하는 현대적인 일일 운세 앱을 위한 사이버펑크 스타일의 중국어 웹 애플리케이션을 생성해 주세요. "결혼하기 좋은 날"과 같은 전통적인 항목 대신, 현대 생활 시나리오를 반영해야 합니다. 예를 들어: "오늘 할 일: 직장에서 농땡이 피우기, 밀크티 마시기, 마음 고백하기; 오늘 피할 일: 회의, 밤샘, 거창한 결심하기."
Nov 20, 2025

레트로 폴라로이드 스타일 카메라 웹 앱

레트로 폴라로이드 스타일 카메라 웹 앱

웹캠에 연결되고 현상 중인 사진을 배출하며, 사용자가 드래그하여 포토월을 만들 수 있는 레트로 폴라로이드 카메라 웹 앱을 구축하기 위한 중국어 프롬프트. 카메라가 좌측 하단에 위치합니다.

프롬프트
레트로 폴라로이드 스타일의 카메라 웹 애플리케이션을 만들고 싶습니다. 페이지 왼쪽 하단에 웹캠에 연결하여 실시간 미리보기를 보여주는 카메라를 표시해 주세요. 셔터 버튼을 클릭하면 카메라 상단에서 사진 용지가 천천히 튀어나오고, 사진이 흐릿한 상태에서 선명하게 현상됩니다. 사용자는 현상된 사진을 카메라 위에서 카메라 외부의 페이지 영역으로 드래그하여 포토월과 같은 효과를 만들 수 있습니다.
작성자@ben
Nov 19, 2025

맥시멀리스트 디지털 핫도그 스타트업 웹사이트

맥시멀리스트 디지털 핫도그 스타트업 웹사이트

디지털 핫도그를 판매하는 가상의 스타트업을 위한 맥시멀리스트적이고 셰이더가 풍부하며 물결 모양의 그라데이션 웹사이트를 디자인하도록 Gemini 3.0 Pro에 요청하는 재미있는 프롬프트입니다. 마우스 오버에 반응하는 아름다운 애니메이션 히어로 텍스트도 포함됩니다.

프롬프트
디지털 핫도그를 판매하는 가상의 스타트업을 위한 맥시멀리스트 웹사이트를 디자인해 주세요. 마우스 오버에 반응하는 셰이더와 함께 아름답게 애니메이션된 히어로 텍스트를 원하며, 디더링과 물결치듯 그루브한 그라데이션이 많이 들어갔으면 좋겠습니다.
작성자@SRKDAN
Nov 19, 2025

Three.js에서 오디오 반응형 파티클을 이용한 레이마칭 만델벌브 프랙탈

Three.js에서 오디오 반응형 파티클을 이용한 레이마칭 만델벌브 프랙탈

Three.js/GLSL 프롬프트는 Gemini 3 Pro에게 수천 개의 오디오 반응형 인스턴스 파티클과 Unreal Bloom 효과로 둘러싸인 레이마칭 만델벌브 프랙탈을 단일 파일로 생성하도록 요청합니다.

프롬프트
GLSL에서 레이마칭 만델벌브 프랙탈을 만들고, 12,000개의 인스턴스화된 파티클로 둘러싼 다음, 내 마이크에 오디오 반응하도록 만들고, 언리얼 블룸(Unreal Bloom)을 추가합니다.
작성자@arda
Nov 19, 2025

AP라는 클라이언트를 위한 에이전시 스타일 웹사이트

AP라는 클라이언트를 위한 에이전시 스타일 웹사이트

Gemini 3 Pro에게 makemepulse 스튜디오처럼 행동하여 AP라는 클라이언트를 위한 웹사이트를 신중하게 구축하라는 간단한 지시 스타일 프롬프트.

프롬프트
당신은 makemepulse 스튜디오입니다. AP를 위한 웹사이트를 만들어 주세요. 신중하게 생각하고 실수하지 마세요.
Nov 19, 2025

Mediapipe 및 Three.js를 사용한 레이저 눈 효과 웹 데모

Mediapipe 및 Three.js를 사용한 레이저 눈 효과 웹 데모

전면 카메라와 Mediapipe 얼굴 랜드마크를 사용하여 Three.js를 통해 실시간 3D 레이저 눈 효과를 적용하는 웹 경험을 구축하기 위한 Gemini 3용 간결한 기술 프롬프트.

프롬프트
컴퓨터의 전면 카메라를 사용합니다. `mediapipe` 라이브러리를 사용하여 얼굴 랜드마크를 캡처합니다. `mediapipe`에서 제공하는 실시간 3D 랜드마크 정보를 기반으로 `threejs`를 사용하여 카메라에 캡처된 얼굴에 LASER EYE 효과를 적용합니다.
Nov 19, 2025

Minecraft의 Three.js 서바이벌 모드 복제품

Minecraft의 Three.js 서바이벌 모드 복제품

Gemini 3 Pro에게 웹용 Three.js를 사용하여 마인크래프트의 완전한 서바이벌 모드 복제본을 설계하도록 지시하는 프롬프트.

프롬프트
Three.js를 사용하여 Minecraft의 완전한 서바이벌 모드 복제본을 디자인하세요.
Nov 19, 2025

인터랙티브 반응형 디자인을 갖춘 엔터프라이즈 랜딩 페이지

인터랙티브 반응형 디자인을 갖춘 엔터프라이즈 랜딩 페이지

반응형 레이아웃, 애니메이션, 인터랙티브 요소를 갖춘 전문적인 엔터프라이즈 랜딩 페이지를 모든 비즈니스 유형에 맞게 생성하도록 Gemini에 지시하는 프롬프트.

프롬프트
[귀사의 비즈니스를 설명하세요]를 위한 엔터프라이즈급 전문 랜딩 페이지를 생성해 주세요. 인터랙티브 요소와 애니메이션을 추가하고, 완벽하게 반응형으로 만들어 주세요. 저를 놀라게 할 만큼 창의적으로, 단계별로 진행해 주세요.
작성자@松果先森
Nov 19, 2025

중국 전통 색상 일일 웹 앱

중국 전통 색상 일일 웹 앱

매일 한 가지 전통 중국 색상과 시, 관련 삽화 또는 풍경을 소개하는 웹 앱을 구축하기 위한 Gemini 프롬프트.

프롬프트
매일 전통 중국 색상 하나를 소개하는 웹 애플리케이션을 생성합니다(예: 하늘색 (천청), 진홍색 (연지), 짙은 녹색 (대락)). 관련 고전 시, 유물 삽화 또는 자연 경관이 함께 제공됩니다.
Nov 19, 2025

하나의 HTML 파일로 구현된 웹 기반 Word 유사 리치 텍스트 에디터

하나의 HTML 파일로 구현된 웹 기반 Word 유사 리치 텍스트 에디터

주요 서식 기능과 다운로드 옵션을 포함하여 단일 HTML 파일로 Word 스타일의 리치 텍스트 편집기를 구축하기 위한 Gemini-3.0-Pro용 중국어 프롬프트.

프롬프트
Word와 유사한 웹 기반 리치 텍스트 편집기를 만들어 주세요. 주요 기능을 포함하고, 모든 코드는 단일 HTML 파일에 담겨야 합니다. 다음 기능을 지원해야 합니다: 제목, 단락, 왼쪽 정렬, 굵게, 기울임꼴, 오른쪽 정렬, 밑줄, 취소선, 배경색, 텍스트 색상, 번호 매기기, 실행 취소, 그리고 마지막으로 다운로드 기능입니다. HTML을 직접 생성해 주세요. 그게 전부입니다!
작성자@katon
Nov 19, 2025

중국 트위터 KOL 리더보드 랜딩 페이지

중국 트위터 KOL 리더보드 랜딩 페이지

Gemini 3.0에게 심미적인 프런트엔드 엔지니어 역할을 맡겨, 어둡고 고대비이며 Tailwind 기반의 중국 트위터 KOL 순위 사이트용 랜딩 페이지를 구축하도록 요청하는 중국어 프롬프트. 웹에서 데이터를 가져와 애니메이션이 포함된 순수 HTML을 출력합니다.

프롬프트
심미안이 뛰어난 프런트엔드 엔지니어로서, "Chinese Twitter KOL Leaderboard" 웹사이트 랜딩 페이지를 만들어 주세요. 디자인은 미니멀한 색상 팔레트, 다크 모드, 높은 대비를 사용하여 매우 세련되게 만들어야 합니다. 웹에서 데이터 소스를 가져와야 합니다. Tailwind CSS + HTML5를 사용하고 애니메이션을 추가하며, HTML 코드만 직접 출력하세요.
작성자@松果先森
Nov 19, 2025

영어 그림책 학습 웹 앱

영어 그림책 학습 웹 앱

그림책을 통해 영어를 학습하는 웹 애플리케이션을 생성하는 간단한 Gemini 프롬프트로, 추후 Gemini 기반의 인터랙티브 레슨으로 기능을 강화할 수 있습니다.

프롬프트
영어 학습용 그림책 만들기
작성자@松果先森
Nov 19, 2025

Douyin 추천 알고리즘 데모 애니메이션

Douyin 추천 알고리즘 데모 애니메이션

Douyin 추천 알고리즘의 애니메이션 데모를 생성하기 위한 짧은 중국어 프롬프트입니다. 애니메이션에 중점을 두지만 웹 환경에서도 사용할 수 있습니다.

프롬프트
Douyin 추천 알고리즘 데모 애니메이션을 만듭니다.
작성자@余温
Nov 19, 2025

다단계 기어 연결 시스템 애니메이션

다단계 기어 연결 시스템 애니메이션

메인 기어를 돌리면 다른 모든 기어가 비례적으로 구동되는 애니메이션 다단계 기어 연결 시스템을 SVG 또는 캔버스 데모로 만들 수 있는 간결한 Gemini 프롬프트.

프롬프트
메인 기어를 회전시키면 모든 기어가 자동으로 비례하여 움직이는 다단계 기어 연동 시스템.
Nov 18, 2025

폭발적인 시각 효과를 자랑하는 패럴랙스 스크롤링 홈페이지

폭발적인 시각 효과를 자랑하는 패럴랙스 스크롤링 홈페이지

겹겹이 쌓인 배경, 부드러운 전환, 상호작용하는 애니메이션 요소를 특징으로 하는 시각적으로 인상적인 패럴랙스 스크롤링 웹사이트 홈페이지를 생성하기 위한 영어 프롬프트.

프롬프트
스크롤 시 다른 속도로 움직이는 레이어드 배경, 부드러운 전환, 애니메이션과 함께 튀어나오는 인터랙티브 요소 등 폭발적인 시각 효과를 가진 패럴랙스 스크롤링 웹사이트를 만들어 보세요.

React 기반의 하이엔드 스위스 스타일 랜딩 페이지 생성기

React 기반의 하이엔드 스위스 스타일 랜딩 페이지 생성기 - 1
React 기반의 하이엔드 스위스 스타일 랜딩 페이지 생성기 - 2
React 기반의 하이엔드 스위스 스타일 랜딩 페이지 생성기 - 3
React 기반의 하이엔드 스위스 스타일 랜딩 페이지 생성기 - 4

Gemini에게 엄격한 사양을 따르고 스위스 모던 및 벤토 레이아웃 개념을 사용하여 고급 스위스 모던 스타일 랜딩 페이지를 단일 파일 React 컴포넌트로 구현하도록 지시하는 영어 프롬프트 스니펫.

프롬프트
High-End LP Generator (Swiss Style) 나중에 제공되는 Input Text를 기반으로, 다음 사양을 엄격히 준수하여 최고 품질의 React 랜딩 페이지(단일 파일)를 구현하세요. 1. 디자인 콘셉트: Swiss Modern & Bento 스타일: Apple/Linear-like Swiss modern style로, 장식을 배제하고 여백과 타이포그래피를 활용하여 매력을 더합니다.
작성자@余温
Nov 18, 2025

글래스모피즘 네온 인터페이스 UI

글래스모피즘 네온 인터페이스 UI

반투명 패널을 특징으로 하는 글래스모피즘, 네온 스타일의 초현대적인 UI를 묘사하는 짧은 스타일 프롬프트로, 웹 인터페이스 레이아웃 가이드라인으로 적합합니다.

프롬프트
초현대적인 UI 조명 효과와 반투명 유리 패널이 적용된 글래스모피즘 네온 인터페이스.
작성자@余温
Nov 18, 2025

테슬라 FSD 도로 인식의 대화형 SVG 데모

테슬라 FSD 도로 인식의 대화형 SVG 데모

Tesla FSD가 도로를 인식하는 방식을 동적이고 인터랙티브하게 시연하기 위해 SVG를 사용하도록 Gemini에 지시하는 프롬프트.

프롬프트
SVG를 사용하여 Tesla FSD가 도로를 인식하는 방식을 동적이고 인터랙티브하게 시연합니다.
작성자@Samro ✨
Nov 18, 2025

GitHub의 React 프로젝트 페이지 UI 재구축

GitHub의 React 프로젝트 페이지 UI 재구축

Gemini 3 Pro에게 React의 GitHub 페이지를 만들도록 요청하는 아주 짧은 프롬프트로, React 리포지토리의 GitHub UI를 효과적으로 재현합니다.

프롬프트
React의 GitHub 페이지를 만드세요.
Nov 18, 2025

Three.js 박물관 둘러보기 장면

Three.js 박물관 둘러보기 장면

흰색 벽과 바닥, 유리 천장, 홀에 블록이 있는 three.js 기반의 걸어 다닐 수 있는 3D 박물관 장면을 작은 1인칭 웹 게임 환경처럼 만들도록 Gemini에게 지시하는 영어 프롬프트.

프롬프트
three.js로 장면을 만들어 보세요. 벽에 그림이 걸려 있는 박물관이 될 것이며, 게임처럼 박물관 홀을 돌아다닐 수 있습니다. 벽과 바닥은 흰색으로 만드세요. 천장에는 유리가 있고 그 뒤로 하늘이 보일 것입니다. 홀 중앙에는 흰색 블록을 배치하세요.
Nov 18, 2025

이미지로부터 복셀 아트 Three.js 씬 생성 프롬프트

이미지로부터 복셀 아트 Three.js 씬 생성 프롬프트

업로드된 이미지에서 영감을 받은 Three.js 복셀 아트 장면을 생성하고 모든 코드를 단일 페이지 파일로 출력하도록 Gemini 3에 요청하는 코딩 프롬프트.

프롬프트
제가 이미지를 제공했습니다. 이 이미지에서 영감을 받아 아름다운 복셀 아트 장면을 코딩해 주세요. three.js 코드를 단일 페이지로 작성해 주세요.
Nov 18, 2025

믹스 및 솔브 컨트롤이 있는 3D 루빅스 큐브 웹 앱

믹스 및 솔브 컨트롤이 있는 3D 루빅스 큐브 웹 앱

사용자가 섞고, 자동으로 풀고, 수동으로 조작할 수 있는 3D 루빅스 큐브 웹 인터페이스 프롬프트.

프롬프트
3D 루빅스 큐브를 만들고, 큐브를 섞는 버튼과 퍼즐을 푸는 버튼을 포함하세요. 또한 사용자가 직접 조작하여 풀 수 있도록 허용하세요.
작성자@padphone
Nov 18, 2025

Gemini의 CapCut과 유사한 동영상 편집기 UI

Gemini의 CapCut과 유사한 동영상 편집기 UI

Gemini를 사용하여 CapCut 스타일의 동영상 편집 애플리케이션 인터페이스를 디자인하기 위한 매우 간단한 상위 수준 프롬프트.

프롬프트
CapCut 디자인하기
작성자@余温
Nov 18, 2025

단일 파일 HTML 당구 게임

단일 파일 HTML 당구 게임

단일 HTML 파일 내에 완전히 작동하는 당구 게임을 구현하도록 직접 요청하는 프롬프트.

프롬프트
단일 HTML 파일로 완전히 작동하는 당구 게임을 만들어 주세요.
작성자@余温
Nov 18, 2025

퀀텀 코어 모니터링 단일 페이지 HTML

퀀텀 코어 모니터링 단일 페이지 HTML

Gemini에게 '양자 코어 모니터링 시스템' UI를 나타내는 단일 페이지 HTML(SVG 사용)을 생성하도록 요청하는 간결한 프롬프트.

프롬프트
"Quantum Core Monitoring System"을 위한 단일 페이지 HTML(SVG)을 생성해 주세요.
작성자@-Zho-
Nov 18, 2025

동적 포인트 클라우드 특수 상대성 이론 웹페이지

동적 포인트 클라우드 특수 상대성 이론 웹페이지

특수 상대성 이론을 설명하는 멋진 포인트 클라우드 효과를 사용하여 동적인 웹 페이지를 작성하도록 Gemini에게 지시하는 간결한 중국어 프롬프트 (인터랙티브 물리 데모에 이상적).

프롬프트
특수 상대성 이론을 설명하는 멋진 포인트 클라우드 스타일의 동적 웹페이지를 작성하세요.
작성자@Singularity
Nov 18, 2025

Xbox 컨트롤러 단일 파일 SVG

Xbox 컨트롤러 단일 파일 SVG

Gemini 3.0 Pro에 웹 페이지 또는 UI 구성 요소에 삽입하기에 적합한 Xbox 컨트롤러의 SVG 표현을 생성하도록 요청하는 프롬프트.

프롬프트
Xbox 컨트롤러의 SVG를 만드세요.
작성자@Dorksense
Nov 13, 2025

네오 브루탈리즘 웹페이지 생성 프롬프트

네오 브루탈리즘 웹페이지 생성 프롬프트

dorksense라는 제목으로, 매우 창의적이고 네오브루탈리즘적인 반응형 웹페이지를 생성하기 위한 프롬프트입니다. 이 웹페이지는 부드러운 스크롤 애니메이션, 화려한 색상, 그리고 Tailwind CSS를 특징으로 합니다.

프롬프트
네오브루탈리즘 웹페이지를 만드세요. 최대한 창의적이고 한계를 뛰어넘는 페이지로 만들어 주세요. 부드러운 스크롤 애니메이션, 화려한 색상, Tailwind CSS 스타일을 추가해 주세요. 완벽하게 반응형으로 만들어 주세요. 페이지 제목은 dorksense입니다.
작성자@Chetaslua
Oct 16, 2025

뉴욕 스카이라인 SVG 단일 HTML 장면

뉴욕 스카이라인 SVG 단일 HTML 장면

단일 HTML 파일로 붙여넣어 Chrome에서 열 수 있는 뉴욕 스카이라인의 매우 상세하고 창의적인 SVG를 생성하도록 Gemini에게 요청하는 영어 프롬프트.

프롬프트
뉴욕 스카이라인의 SVG. 이 작업을 수행하는 데 필요한 모든 라이브러리를 사용하되, 모든 것을 단일 HTML 파일에 붙여넣고 Chrome에서 열 수 있도록 해주세요. 예상치 못한 세부 사항을 보여주면서 흥미롭고 매우 상세하게 만들어 주세요. 하나의 코드 블록에 완전히 창의적이고 아름답게 담아내세요.

자주 묻는 질문

Gemini 3 Pro는 Google의 최신 멀티모달 AI 모델로, 대규모 컨텍스트 창(최대 100만 토큰), 텍스트, 이미지, 오디오, 비디오, 코드를 이해하고 생성하는 멀티모달 지능, 자동 실행 및 실시간 미리보기가 있는 웹사이트 생성을 위한 액션 지향 AI, 고급 문제 해결 및 복잡한 작업 처리를 위한 강력한 추론 기능을 특징으로 합니다.
주로 공개된 Twitter/𝕏 선택에서 가져왔습니다. 작성자이시고 여기에 표시되지 않기를 원하시면 연락주시면 즉시 제거하겠습니다.
프롬프트를 복사하여 YouMind에서 Gemini 3 Pro 모델을 선택하여 사용할 수 있습니다. YouMind는 Gemini 3 Pro의 강력한 기능을 통합하여 텍스트, 이미지, 오디오, 비디오를 포함한 멀티모달 입력을 지원합니다. 실시간 미리보기로 웹사이트를 직접 생성하고 원클릭으로 게시할 수 있습니다.
콘텐츠 제작 및 학습 모범 사례를 YouMind Shortcuts에 통합하면 수집한 자료와 작성한 초안을 기반으로 원클릭 생성이 가능합니다. 예를 들어 저장한 YouTube 동영상에서 블로그 게시물을 생성하거나 블로그 콘텐츠에서 핵심 문구를 추출할 수 있습니다.
이 블로그 게시물에서 더 많은 엄선된 Gemini 3 Pro 사례를 확인할 수 있습니다: Gemini 3 직접 사용 후기: 놀라움을 금치 못했던 10가지 실제 사례.

작성 준비 완료
GEMINI 3?

YouMind에서 Gemini 3 Pro 멀티모달 AI의 힘을 경험하세요 - 텍스트, 이미지, 오디오, 비디오, 코드 이해를 지원합니다.
상상력을 펼쳐보세요

작성 시작