Gemini 3 Pro 프롬프트 라이브러리
폭넓은 시각 탐색 용도로 구성된 Gemini 3 Pro 프롬프트 예시를 둘러보세요. 아이데이션, 실험, 빠른 크리에이티브 검증에 잘 맞습니다. 자유롭게 복사하거나 현재 워크플로에서 바로 사용할 수 있습니다.
스타일과 이미지(특히 선형 스타일 디자인과 이미지 프롬프트)를 추가하면 생성된 "Hello World" 페이지의 품질이 어떻게 달라지는지 보여주는 Gemini 3.0용 간단한 프롬프트 3가지.
"Hello world" 페이지를 만들어 주세요. {argument name="style_en" default="Linear"} 스타일의 "Hello world" 페이지를 만들어 주세요. {argument name="style_en" default="Linear"} 스타일의 "Hello world" 페이지를 만들어 주세요.
고급 시계를 위한 럭셔리 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, 위치 및 타겟 값 조명 설정 (강도, 색상, 위치) 각 셰이더의 유니폼 값 (시간 진행, 스크롤 진행, 색조, 강도 등).
시니어 게임 프로그래밍 마스터를 연기하며 WebCodecs를 사용해 에디터를 구축하고 젤다의 전설: 브레스 오브 더 와일드 게임 플레이를 캡처하는 과정을 설명하는 유머러스한 중국어 프롬프트.
당신은 베테랑 게임 프로그래밍 마스터입니다. WebCodecs를 렌더링 모듈로 사용하는 에디터를 작성하는 것을 도와주세요. 스위치를 켜고 {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}를 삽입하세요. 카트리지를 핥지 않도록 조심하세요. 약간 씁쓸합니다. 전문 캡처 카드를 사용하여 비디오를 캡처하고, 잊혀진 사당 챌린지를 완료하고, 윈드 밤을 사용하세요. 이 모든 것을 60초 이내에 완료해야 합니다.
Three.js, Anime.js, Tailwind를 사용하여 럭셔리 스마트워치 랜딩 페이지를 구축한 다음, 고급 애니메이션 및 상호 작용이 포함된 다중 섹션 스크롤링 사이트로 개선하기 위한 Gemini 3 Pro의 상세한 다단계 프롬프트 시퀀스.
Three.js, Anime.js, Tailwind를 사용하여 {argument name="product_type_en" default="고급 스마트워치"} 페이지용 HTML 파일 하나를 만드세요. 3D {argument name="main_object_en" default="시계"} 모델과, {argument name="main_object_background_en" default="베이지색 배경의 시계"}를 보여주는 둥근 구멍이 있는 어두운 질감의 오버레이를 만들고, 페이지 로드 시 헤더와 큰 숫자가 슬라이드인되도록 애니메이션을 적용하세요. 페이지를 더 전문적으로 만드세요. 정적인 구멍을 로드 시 열리는 홍채로 바꾸세요. {argument name="focus_area_en" default="시계 페이스"} 위에 반사 효과가 있는 유리 돔을 추가하고, 금속 재질을 개선하며, 마우스 시차 효과를 추가하여 {argument name="parallax_target_en" default="시계"}가 커서에 따라 회전하도록 하고, {argument name="dial_area_en" default="시계 페이스"}에 시간과 피트니스 링을 그리세요. 단일 화면을 다중 섹션 스크롤 사이트로 전환하세요. 사용자가 스크롤할 때, 3D {argument name="scroll_object_en" default="시계"}가 각 섹션에 맞춰 움직이고 회전하도록 애니메이션을 적용하세요. 텍스트가 캔버스 위로 스크롤되는 동안 3D 캔버스와 배경은 고정하고, {argument name="moving_element_en" default="시계"}만 움직이도록 하세요. - 고정된 캔버스: 캔버스 위치 지정
Gemini에게 각 아이콘에 대한 다운로드 버튼이 있는 연한 파란색 선 스타일의 간단하고 다용도 SVG 아이콘 40개를 생성해 달라고 요청하는 일본어 프롬프트.
SVG 형식의 간단하고 활용도 높은 아이콘 {argument name="icon_count_en" default="40"}개를 생성해 주세요. 캔버스에 그려야 합니다. 아이콘 색상은 {argument name="icon_color_en" default="light blue"}로 하고, 배경은 {argument name="background_color_en" default="white"}로 해주세요. Material Design 느낌의 라인 스타일 아이콘을 사용합니다. 사용자가 각 SVG 아이콘을 SVG 데이터로 다운로드할 수 있는 버튼을 추가해 주세요.
Chrome에서 실행되는 완전히 독립형 HTML 파일로 다채로운 복셀 아트 파고다 정원 환경을 디자인하는 영어 프롬프트 (모든 복셀/WebGL 라이브러리 사용).
화려하게 장식된 {argument name="main_structure_en" default="탑"}이 생기 넘치는 정원 안에 자리한, 정교하게 제작된 복셀 아트 환경을 디자인해 주세요. 다양한 식물, 특히 {argument name="key_tree_en" default="벚나무"}를 포함하고, 전체적인 구성이 활기차고 다채로우며 시각적으로 인상 깊게 느껴지도록 해주세요. 원하는 복셀 또는 WebGL 라이브러리를 사용해도 좋지만, 제가 Chrome에 직접 붙여넣고 열 수 있는 단일 HTML 파일로 전체 프로젝트를 제공해야 합니다.
글래스모피즘, 네온 악센트, 세련된 Inter 서체를 사용하여 미래 지향적인 다크 모드 암호화폐 데이터 대시보드를 재현하기 위한 중국어 프롬프트.
미래 지향적인 다크 모드 암호화폐 데이터 대시보드를 재현해 보세요. 전체적으로 고대비의 옵시디언 배경, 그라데이션 윤곽선이 있는 글래스모피즘 UI 요소, 슬림한 Inter 타이포그래피, 그리고 네온 조명 효과가 적용된 금융 데이터 시각화를 사용합니다.
기어, 연결 장치 및 자동 수평 조절 캐빈을 갖춘 정밀한 기계식 SVG 대관람차 애니메이션을 HTML로 출력하도록 설계하는 프롬프트.
메인 휠, 중앙 베어링, 지지 프레임, 구동 기어 세트, 그리고 수평을 유지하는 역방향 자동 수평 조절 메커니즘을 갖춘 8~12개의 캐빈을 포함하는 SVG 대관람차 기계 애니메이션을 디자인합니다. 모든 연결부와 기어 변속 장치는 정밀해야 하며, 완전한 기계 구동 체인과 캐빈을 수평으로 유지하는 역회전 로직을 보여줘야 합니다. HTML 형식으로 출력합니다.
Keep에서 영감을 받은 중국어 운동 코스 사이트를 Gemini에게 만들어 달라고 요청하는 긴 영어 스타일 프롬프트(중국어). 반응형 Tailwind CSS, 코스 카드, 필터 및 일치하는 비디오 팝업을 포함합니다.
{argument name="reference_brand_en" default="Keep"}에서 영감을 받은 중국어 "운동 코스" 웹페이지를 만드세요. 전체 화면 운동선수 히어로 이미지, 투명한 고정 내비게이션, 중국어 캡슐 태그 카테고리, 그리고 중국어 코스 카드 그리드를 포함합니다. 각 코스 카드는 훈련 프로그램에 해당하며, {argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"}와 같은 크리에이터의 코스 스타일을 참고하여 난이도와 기간에 대한 중국어 제목과 라벨을 디자인합니다. 카드를 클릭하면 카드 정보와 정확히 일치하는 코스 미리보기 비디오 플레이어가 페이지 내에서 열립니다. 전반적으로 미니멀하면서도 섬세한 디자인을 유지하고, 부드러운 스크롤링과 호버 애니메이션, 은은한 그라데이션, 세련된 타이포그래피를 사용하여 고급스러운 중국어 경험을 제공합니다. Tailwind CSS를 사용하여 완벽하게 반응형 레이아웃을 구현합니다.
Tailwind 및 JavaScript를 사용하여 단일 HTML 파일에 대화형 SVG 신체, 필터 및 운동 카드가 포함된 Keep 스타일의 중국어 피트니스 페이지를 구축하기 위한 영어 프롬프트.
깔끔하고 현대적인 UI, 인터랙티브 SVG 바디(앞/뒤 보기, 근육 클릭 시 강조 표시), 중국어 필터(성별/레벨/장비), 운동 카드를 갖춘 Keep 스타일의 중국어 피트니스 페이지를 만드세요. Tailwind + JavaScript를 사용하여 단일 HTML 파일로 제공합니다.
부드러운 스크롤 애니메이션, 생생한 색상, 반응형 Tailwind 기반 레이아웃을 갖춘 네오 브루탈리즘 스타일 웹사이트를 만들기 위한 짧은 영어 프롬프트.
창의성의 한계를 뛰어넘는 네오 브루탈리즘 웹사이트를 만들어 보세요. 부드러운 스크롤 애니메이션, 생동감 있는 색상, Tailwind ES 스타일을 포함하고 완벽하게 반응형으로 만드세요.
레트로 폴라로이드 느낌, 라이브 웹캠 미리보기, 사진 현상 애니메이션, 드래그 가능한 사진으로 콜라주 벽을 만들 수 있는 웹캠 앱을 자세히 설명하는 중국어 프롬프트.
레트로 폴라로이드 분위기의 웹캠 애플리케이션을 개발해 주세요. 페이지 왼쪽 하단에 폴라로이드 카메라 모델을 배치하여 사용자의 웹캠을 호출하고 실시간 미리보기를 표시할 수 있도록 합니다. 셔터를 클릭하면 카메라 상단에서 "사진 용지"가 천천히 나오고, 사진이 처음에는 흐릿하게 보이다가 점차 선명하게 현상됩니다. 사용자는 완전히 현상된 사진을 카메라 위에서 페이지의 어느 위치로든 드래그하여 "사진 콜라주 벽"과 유사한 자유로운 레이아웃을 만들 수 있습니다.
Gemini가 React, Three.js, Tailwind CSS 및 Gemini API를 사용하여 Minecraft와 유사한 3D 벽돌 쌓기 앱을 구축하는 세계적 수준의 프런트엔드 엔지니어 역할을 하도록 하는 영어 시스템 스타일 프롬프트.
세계 최고 수준의 프런트엔드 엔지니어이자 UX 디자이너가 되어 보세요. React, Three.js (@react-three/fiber), Tailwind CSS, Google Gemini API (@google/genai)를 사용하여 {argument name="application_name_en" default="3D Brick Builder Application"}을 구축하세요. ## 디자인 철학 - **테마**: {argument name="theme_en" default="White Base"} 모던 미학.
Gemini 기반 백엔드를 호출하여 트윗의 MBTI 유형을 분석하는 중국어 웹 인터페이스를 Linear의 다크 테마로 스타일링하여 생성하기 위한 프롬프트.
X MBTI 분석기 만들기: 사용자가 트윗을 붙여넣으면 프런트엔드가 백엔드를 호출합니다(백엔드는 Gemini API를 사용하여 MBTI 유형을 추론). 디자인 스타일은 Linear를 따르고 다크 모드만 지원하며, 미니멀하면서도 고품질의 느낌과 세련된 디테일을 갖춰야 합니다. 인터페이스는 중국어로 제공되어야 합니다.
사용자가 사진을 업로드하여 다양한 왕조의 의상을 가상으로 입어보고 비녀와 메이크업을 맞춤 설정할 수 있는 한푸 옷장 웹 앱을 Gemini 3 Pro가 생성하도록 하는 중국어 프롬프트.
중국어 AI 한푸(Hanfu) 옷장 앱을 만드세요. AI 얼굴 바꾸기 또는 3D 신체 형태 기술을 사용합니다. 사용자가 사진을 업로드하면 클릭 한 번으로 다양한 왕조(예: {argument name="dynasty_1_en" default="Tang"}, {argument name="dynasty_2_en" default="Song"}, {argument name="dynasty_3_en" default="Ming"})의 한푸를 "입어보거나" 비녀와 메이크업을 직접 커스터마이징할 수 있습니다.
사용자 입력 텍스트를 페이지 중앙에 느린 타이핑 애니메이션과 함께 드래그 가능한 카드로 변환하는 레트로 Motorola Fix Beeper 스타일 웹 타자기를 구축하기 위한 Gemini 3 Pro용 중국어 프롬프트.
{argument name="device_name_en" default="Motorola Fix Beeper"} 테마의 레트로 타자기 웹 애플리케이션을 만들고 싶습니다. 페이지 중앙에 사용자가 입력한 텍스트를 타자기가 느리게 타이핑하는 것과 유사한 효과로 카드에 생성하고, 이 카드를 빈 공간으로 드래그할 수 있는 타자기를 표시해 주세요.
스타일과 이미지(특히 선형 스타일 디자인과 이미지 프롬프트)를 추가하면 생성된 "Hello World" 페이지의 품질이 어떻게 달라지는지 보여주는 Gemini 3.0용 간단한 프롬프트 3가지.
"Hello world" 페이지를 만들어 주세요. {argument name="style_en" default="Linear"} 스타일의 "Hello world" 페이지를 만들어 주세요. {argument name="style_en" default="Linear"} 스타일의 "Hello world" 페이지를 만들어 주세요.
시니어 게임 프로그래밍 마스터를 연기하며 WebCodecs를 사용해 에디터를 구축하고 젤다의 전설: 브레스 오브 더 와일드 게임 플레이를 캡처하는 과정을 설명하는 유머러스한 중국어 프롬프트.
당신은 베테랑 게임 프로그래밍 마스터입니다. WebCodecs를 렌더링 모듈로 사용하는 에디터를 작성하는 것을 도와주세요. 스위치를 켜고 {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}를 삽입하세요. 카트리지를 핥지 않도록 조심하세요. 약간 씁쓸합니다. 전문 캡처 카드를 사용하여 비디오를 캡처하고, 잊혀진 사당 챌린지를 완료하고, 윈드 밤을 사용하세요. 이 모든 것을 60초 이내에 완료해야 합니다.
Gemini에게 각 아이콘에 대한 다운로드 버튼이 있는 연한 파란색 선 스타일의 간단하고 다용도 SVG 아이콘 40개를 생성해 달라고 요청하는 일본어 프롬프트.
SVG 형식의 간단하고 활용도 높은 아이콘 {argument name="icon_count_en" default="40"}개를 생성해 주세요. 캔버스에 그려야 합니다. 아이콘 색상은 {argument name="icon_color_en" default="light blue"}로 하고, 배경은 {argument name="background_color_en" default="white"}로 해주세요. Material Design 느낌의 라인 스타일 아이콘을 사용합니다. 사용자가 각 SVG 아이콘을 SVG 데이터로 다운로드할 수 있는 버튼을 추가해 주세요.
글래스모피즘, 네온 악센트, 세련된 Inter 서체를 사용하여 미래 지향적인 다크 모드 암호화폐 데이터 대시보드를 재현하기 위한 중국어 프롬프트.
미래 지향적인 다크 모드 암호화폐 데이터 대시보드를 재현해 보세요. 전체적으로 고대비의 옵시디언 배경, 그라데이션 윤곽선이 있는 글래스모피즘 UI 요소, 슬림한 Inter 타이포그래피, 그리고 네온 조명 효과가 적용된 금융 데이터 시각화를 사용합니다.
Keep에서 영감을 받은 중국어 운동 코스 사이트를 Gemini에게 만들어 달라고 요청하는 긴 영어 스타일 프롬프트(중국어). 반응형 Tailwind CSS, 코스 카드, 필터 및 일치하는 비디오 팝업을 포함합니다.
{argument name="reference_brand_en" default="Keep"}에서 영감을 받은 중국어 "운동 코스" 웹페이지를 만드세요. 전체 화면 운동선수 히어로 이미지, 투명한 고정 내비게이션, 중국어 캡슐 태그 카테고리, 그리고 중국어 코스 카드 그리드를 포함합니다. 각 코스 카드는 훈련 프로그램에 해당하며, {argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"}와 같은 크리에이터의 코스 스타일을 참고하여 난이도와 기간에 대한 중국어 제목과 라벨을 디자인합니다. 카드를 클릭하면 카드 정보와 정확히 일치하는 코스 미리보기 비디오 플레이어가 페이지 내에서 열립니다. 전반적으로 미니멀하면서도 섬세한 디자인을 유지하고, 부드러운 스크롤링과 호버 애니메이션, 은은한 그라데이션, 세련된 타이포그래피를 사용하여 고급스러운 중국어 경험을 제공합니다. Tailwind CSS를 사용하여 완벽하게 반응형 레이아웃을 구현합니다.
부드러운 스크롤 애니메이션, 생생한 색상, 반응형 Tailwind 기반 레이아웃을 갖춘 네오 브루탈리즘 스타일 웹사이트를 만들기 위한 짧은 영어 프롬프트.
창의성의 한계를 뛰어넘는 네오 브루탈리즘 웹사이트를 만들어 보세요. 부드러운 스크롤 애니메이션, 생동감 있는 색상, Tailwind ES 스타일을 포함하고 완벽하게 반응형으로 만드세요.
Gemini 기반 백엔드를 호출하여 트윗의 MBTI 유형을 분석하는 중국어 웹 인터페이스를 Linear의 다크 테마로 스타일링하여 생성하기 위한 프롬프트.
X MBTI 분석기 만들기: 사용자가 트윗을 붙여넣으면 프런트엔드가 백엔드를 호출합니다(백엔드는 Gemini API를 사용하여 MBTI 유형을 추론). 디자인 스타일은 Linear를 따르고 다크 모드만 지원하며, 미니멀하면서도 고품질의 느낌과 세련된 디테일을 갖춰야 합니다. 인터페이스는 중국어로 제공되어야 합니다.
사용자 입력 텍스트를 페이지 중앙에 느린 타이핑 애니메이션과 함께 드래그 가능한 카드로 변환하는 레트로 Motorola Fix Beeper 스타일 웹 타자기를 구축하기 위한 Gemini 3 Pro용 중국어 프롬프트.
{argument name="device_name_en" default="Motorola Fix Beeper"} 테마의 레트로 타자기 웹 애플리케이션을 만들고 싶습니다. 페이지 중앙에 사용자가 입력한 텍스트를 타자기가 느리게 타이핑하는 것과 유사한 효과로 카드에 생성하고, 이 카드를 빈 공간으로 드래그할 수 있는 타자기를 표시해 주세요.
고급 시계를 위한 럭셔리 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, 위치 및 타겟 값 조명 설정 (강도, 색상, 위치) 각 셰이더의 유니폼 값 (시간 진행, 스크롤 진행, 색조, 강도 등).
Three.js, Anime.js, Tailwind를 사용하여 럭셔리 스마트워치 랜딩 페이지를 구축한 다음, 고급 애니메이션 및 상호 작용이 포함된 다중 섹션 스크롤링 사이트로 개선하기 위한 Gemini 3 Pro의 상세한 다단계 프롬프트 시퀀스.
Three.js, Anime.js, Tailwind를 사용하여 {argument name="product_type_en" default="고급 스마트워치"} 페이지용 HTML 파일 하나를 만드세요. 3D {argument name="main_object_en" default="시계"} 모델과, {argument name="main_object_background_en" default="베이지색 배경의 시계"}를 보여주는 둥근 구멍이 있는 어두운 질감의 오버레이를 만들고, 페이지 로드 시 헤더와 큰 숫자가 슬라이드인되도록 애니메이션을 적용하세요. 페이지를 더 전문적으로 만드세요. 정적인 구멍을 로드 시 열리는 홍채로 바꾸세요. {argument name="focus_area_en" default="시계 페이스"} 위에 반사 효과가 있는 유리 돔을 추가하고, 금속 재질을 개선하며, 마우스 시차 효과를 추가하여 {argument name="parallax_target_en" default="시계"}가 커서에 따라 회전하도록 하고, {argument name="dial_area_en" default="시계 페이스"}에 시간과 피트니스 링을 그리세요. 단일 화면을 다중 섹션 스크롤 사이트로 전환하세요. 사용자가 스크롤할 때, 3D {argument name="scroll_object_en" default="시계"}가 각 섹션에 맞춰 움직이고 회전하도록 애니메이션을 적용하세요. 텍스트가 캔버스 위로 스크롤되는 동안 3D 캔버스와 배경은 고정하고, {argument name="moving_element_en" default="시계"}만 움직이도록 하세요. - 고정된 캔버스: 캔버스 위치 지정
Chrome에서 실행되는 완전히 독립형 HTML 파일로 다채로운 복셀 아트 파고다 정원 환경을 디자인하는 영어 프롬프트 (모든 복셀/WebGL 라이브러리 사용).
화려하게 장식된 {argument name="main_structure_en" default="탑"}이 생기 넘치는 정원 안에 자리한, 정교하게 제작된 복셀 아트 환경을 디자인해 주세요. 다양한 식물, 특히 {argument name="key_tree_en" default="벚나무"}를 포함하고, 전체적인 구성이 활기차고 다채로우며 시각적으로 인상 깊게 느껴지도록 해주세요. 원하는 복셀 또는 WebGL 라이브러리를 사용해도 좋지만, 제가 Chrome에 직접 붙여넣고 열 수 있는 단일 HTML 파일로 전체 프로젝트를 제공해야 합니다.
기어, 연결 장치 및 자동 수평 조절 캐빈을 갖춘 정밀한 기계식 SVG 대관람차 애니메이션을 HTML로 출력하도록 설계하는 프롬프트.
메인 휠, 중앙 베어링, 지지 프레임, 구동 기어 세트, 그리고 수평을 유지하는 역방향 자동 수평 조절 메커니즘을 갖춘 8~12개의 캐빈을 포함하는 SVG 대관람차 기계 애니메이션을 디자인합니다. 모든 연결부와 기어 변속 장치는 정밀해야 하며, 완전한 기계 구동 체인과 캐빈을 수평으로 유지하는 역회전 로직을 보여줘야 합니다. HTML 형식으로 출력합니다.
Tailwind 및 JavaScript를 사용하여 단일 HTML 파일에 대화형 SVG 신체, 필터 및 운동 카드가 포함된 Keep 스타일의 중국어 피트니스 페이지를 구축하기 위한 영어 프롬프트.
깔끔하고 현대적인 UI, 인터랙티브 SVG 바디(앞/뒤 보기, 근육 클릭 시 강조 표시), 중국어 필터(성별/레벨/장비), 운동 카드를 갖춘 Keep 스타일의 중국어 피트니스 페이지를 만드세요. Tailwind + JavaScript를 사용하여 단일 HTML 파일로 제공합니다.
레트로 폴라로이드 느낌, 라이브 웹캠 미리보기, 사진 현상 애니메이션, 드래그 가능한 사진으로 콜라주 벽을 만들 수 있는 웹캠 앱을 자세히 설명하는 중국어 프롬프트.
레트로 폴라로이드 분위기의 웹캠 애플리케이션을 개발해 주세요. 페이지 왼쪽 하단에 폴라로이드 카메라 모델을 배치하여 사용자의 웹캠을 호출하고 실시간 미리보기를 표시할 수 있도록 합니다. 셔터를 클릭하면 카메라 상단에서 "사진 용지"가 천천히 나오고, 사진이 처음에는 흐릿하게 보이다가 점차 선명하게 현상됩니다. 사용자는 완전히 현상된 사진을 카메라 위에서 페이지의 어느 위치로든 드래그하여 "사진 콜라주 벽"과 유사한 자유로운 레이아웃을 만들 수 있습니다.
Gemini가 React, Three.js, Tailwind CSS 및 Gemini API를 사용하여 Minecraft와 유사한 3D 벽돌 쌓기 앱을 구축하는 세계적 수준의 프런트엔드 엔지니어 역할을 하도록 하는 영어 시스템 스타일 프롬프트.
세계 최고 수준의 프런트엔드 엔지니어이자 UX 디자이너가 되어 보세요. React, Three.js (@react-three/fiber), Tailwind CSS, Google Gemini API (@google/genai)를 사용하여 {argument name="application_name_en" default="3D Brick Builder Application"}을 구축하세요. ## 디자인 철학 - **테마**: {argument name="theme_en" default="White Base"} 모던 미학.
사용자가 사진을 업로드하여 다양한 왕조의 의상을 가상으로 입어보고 비녀와 메이크업을 맞춤 설정할 수 있는 한푸 옷장 웹 앱을 Gemini 3 Pro가 생성하도록 하는 중국어 프롬프트.
중국어 AI 한푸(Hanfu) 옷장 앱을 만드세요. AI 얼굴 바꾸기 또는 3D 신체 형태 기술을 사용합니다. 사용자가 사진을 업로드하면 클릭 한 번으로 다양한 왕조(예: {argument name="dynasty_1_en" default="Tang"}, {argument name="dynasty_2_en" default="Song"}, {argument name="dynasty_3_en" default="Ming"})의 한푸를 "입어보거나" 비녀와 메이크업을 직접 커스터마이징할 수 있습니다.
고급 시계를 위한 럭셔리 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, 위치 및 타겟 값 조명 설정 (강도, 색상, 위치) 각 셰이더의 유니폼 값 (시간 진행, 스크롤 진행, 색조, 강도 등).
Chrome에서 실행되는 완전히 독립형 HTML 파일로 다채로운 복셀 아트 파고다 정원 환경을 디자인하는 영어 프롬프트 (모든 복셀/WebGL 라이브러리 사용).
화려하게 장식된 {argument name="main_structure_en" default="탑"}이 생기 넘치는 정원 안에 자리한, 정교하게 제작된 복셀 아트 환경을 디자인해 주세요. 다양한 식물, 특히 {argument name="key_tree_en" default="벚나무"}를 포함하고, 전체적인 구성이 활기차고 다채로우며 시각적으로 인상 깊게 느껴지도록 해주세요. 원하는 복셀 또는 WebGL 라이브러리를 사용해도 좋지만, 제가 Chrome에 직접 붙여넣고 열 수 있는 단일 HTML 파일로 전체 프로젝트를 제공해야 합니다.
Tailwind 및 JavaScript를 사용하여 단일 HTML 파일에 대화형 SVG 신체, 필터 및 운동 카드가 포함된 Keep 스타일의 중국어 피트니스 페이지를 구축하기 위한 영어 프롬프트.
깔끔하고 현대적인 UI, 인터랙티브 SVG 바디(앞/뒤 보기, 근육 클릭 시 강조 표시), 중국어 필터(성별/레벨/장비), 운동 카드를 갖춘 Keep 스타일의 중국어 피트니스 페이지를 만드세요. Tailwind + JavaScript를 사용하여 단일 HTML 파일로 제공합니다.
레트로 폴라로이드 느낌, 라이브 웹캠 미리보기, 사진 현상 애니메이션, 드래그 가능한 사진으로 콜라주 벽을 만들 수 있는 웹캠 앱을 자세히 설명하는 중국어 프롬프트.
레트로 폴라로이드 분위기의 웹캠 애플리케이션을 개발해 주세요. 페이지 왼쪽 하단에 폴라로이드 카메라 모델을 배치하여 사용자의 웹캠을 호출하고 실시간 미리보기를 표시할 수 있도록 합니다. 셔터를 클릭하면 카메라 상단에서 "사진 용지"가 천천히 나오고, 사진이 처음에는 흐릿하게 보이다가 점차 선명하게 현상됩니다. 사용자는 완전히 현상된 사진을 카메라 위에서 페이지의 어느 위치로든 드래그하여 "사진 콜라주 벽"과 유사한 자유로운 레이아웃을 만들 수 있습니다.
Gemini 기반 백엔드를 호출하여 트윗의 MBTI 유형을 분석하는 중국어 웹 인터페이스를 Linear의 다크 테마로 스타일링하여 생성하기 위한 프롬프트.
X MBTI 분석기 만들기: 사용자가 트윗을 붙여넣으면 프런트엔드가 백엔드를 호출합니다(백엔드는 Gemini API를 사용하여 MBTI 유형을 추론). 디자인 스타일은 Linear를 따르고 다크 모드만 지원하며, 미니멀하면서도 고품질의 느낌과 세련된 디테일을 갖춰야 합니다. 인터페이스는 중국어로 제공되어야 합니다.
시니어 게임 프로그래밍 마스터를 연기하며 WebCodecs를 사용해 에디터를 구축하고 젤다의 전설: 브레스 오브 더 와일드 게임 플레이를 캡처하는 과정을 설명하는 유머러스한 중국어 프롬프트.
당신은 베테랑 게임 프로그래밍 마스터입니다. WebCodecs를 렌더링 모듈로 사용하는 에디터를 작성하는 것을 도와주세요. 스위치를 켜고 {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}를 삽입하세요. 카트리지를 핥지 않도록 조심하세요. 약간 씁쓸합니다. 전문 캡처 카드를 사용하여 비디오를 캡처하고, 잊혀진 사당 챌린지를 완료하고, 윈드 밤을 사용하세요. 이 모든 것을 60초 이내에 완료해야 합니다.
Gemini에게 각 아이콘에 대한 다운로드 버튼이 있는 연한 파란색 선 스타일의 간단하고 다용도 SVG 아이콘 40개를 생성해 달라고 요청하는 일본어 프롬프트.
SVG 형식의 간단하고 활용도 높은 아이콘 {argument name="icon_count_en" default="40"}개를 생성해 주세요. 캔버스에 그려야 합니다. 아이콘 색상은 {argument name="icon_color_en" default="light blue"}로 하고, 배경은 {argument name="background_color_en" default="white"}로 해주세요. Material Design 느낌의 라인 스타일 아이콘을 사용합니다. 사용자가 각 SVG 아이콘을 SVG 데이터로 다운로드할 수 있는 버튼을 추가해 주세요.
기어, 연결 장치 및 자동 수평 조절 캐빈을 갖춘 정밀한 기계식 SVG 대관람차 애니메이션을 HTML로 출력하도록 설계하는 프롬프트.
메인 휠, 중앙 베어링, 지지 프레임, 구동 기어 세트, 그리고 수평을 유지하는 역방향 자동 수평 조절 메커니즘을 갖춘 8~12개의 캐빈을 포함하는 SVG 대관람차 기계 애니메이션을 디자인합니다. 모든 연결부와 기어 변속 장치는 정밀해야 하며, 완전한 기계 구동 체인과 캐빈을 수평으로 유지하는 역회전 로직을 보여줘야 합니다. HTML 형식으로 출력합니다.
부드러운 스크롤 애니메이션, 생생한 색상, 반응형 Tailwind 기반 레이아웃을 갖춘 네오 브루탈리즘 스타일 웹사이트를 만들기 위한 짧은 영어 프롬프트.
창의성의 한계를 뛰어넘는 네오 브루탈리즘 웹사이트를 만들어 보세요. 부드러운 스크롤 애니메이션, 생동감 있는 색상, Tailwind ES 스타일을 포함하고 완벽하게 반응형으로 만드세요.
Gemini가 React, Three.js, Tailwind CSS 및 Gemini API를 사용하여 Minecraft와 유사한 3D 벽돌 쌓기 앱을 구축하는 세계적 수준의 프런트엔드 엔지니어 역할을 하도록 하는 영어 시스템 스타일 프롬프트.
세계 최고 수준의 프런트엔드 엔지니어이자 UX 디자이너가 되어 보세요. React, Three.js (@react-three/fiber), Tailwind CSS, Google Gemini API (@google/genai)를 사용하여 {argument name="application_name_en" default="3D Brick Builder Application"}을 구축하세요. ## 디자인 철학 - **테마**: {argument name="theme_en" default="White Base"} 모던 미학.
사용자 입력 텍스트를 페이지 중앙에 느린 타이핑 애니메이션과 함께 드래그 가능한 카드로 변환하는 레트로 Motorola Fix Beeper 스타일 웹 타자기를 구축하기 위한 Gemini 3 Pro용 중국어 프롬프트.
{argument name="device_name_en" default="Motorola Fix Beeper"} 테마의 레트로 타자기 웹 애플리케이션을 만들고 싶습니다. 페이지 중앙에 사용자가 입력한 텍스트를 타자기가 느리게 타이핑하는 것과 유사한 효과로 카드에 생성하고, 이 카드를 빈 공간으로 드래그할 수 있는 타자기를 표시해 주세요.
스타일과 이미지(특히 선형 스타일 디자인과 이미지 프롬프트)를 추가하면 생성된 "Hello World" 페이지의 품질이 어떻게 달라지는지 보여주는 Gemini 3.0용 간단한 프롬프트 3가지.
"Hello world" 페이지를 만들어 주세요. {argument name="style_en" default="Linear"} 스타일의 "Hello world" 페이지를 만들어 주세요. {argument name="style_en" default="Linear"} 스타일의 "Hello world" 페이지를 만들어 주세요.
Three.js, Anime.js, Tailwind를 사용하여 럭셔리 스마트워치 랜딩 페이지를 구축한 다음, 고급 애니메이션 및 상호 작용이 포함된 다중 섹션 스크롤링 사이트로 개선하기 위한 Gemini 3 Pro의 상세한 다단계 프롬프트 시퀀스.
Three.js, Anime.js, Tailwind를 사용하여 {argument name="product_type_en" default="고급 스마트워치"} 페이지용 HTML 파일 하나를 만드세요. 3D {argument name="main_object_en" default="시계"} 모델과, {argument name="main_object_background_en" default="베이지색 배경의 시계"}를 보여주는 둥근 구멍이 있는 어두운 질감의 오버레이를 만들고, 페이지 로드 시 헤더와 큰 숫자가 슬라이드인되도록 애니메이션을 적용하세요. 페이지를 더 전문적으로 만드세요. 정적인 구멍을 로드 시 열리는 홍채로 바꾸세요. {argument name="focus_area_en" default="시계 페이스"} 위에 반사 효과가 있는 유리 돔을 추가하고, 금속 재질을 개선하며, 마우스 시차 효과를 추가하여 {argument name="parallax_target_en" default="시계"}가 커서에 따라 회전하도록 하고, {argument name="dial_area_en" default="시계 페이스"}에 시간과 피트니스 링을 그리세요. 단일 화면을 다중 섹션 스크롤 사이트로 전환하세요. 사용자가 스크롤할 때, 3D {argument name="scroll_object_en" default="시계"}가 각 섹션에 맞춰 움직이고 회전하도록 애니메이션을 적용하세요. 텍스트가 캔버스 위로 스크롤되는 동안 3D 캔버스와 배경은 고정하고, {argument name="moving_element_en" default="시계"}만 움직이도록 하세요. - 고정된 캔버스: 캔버스 위치 지정
글래스모피즘, 네온 악센트, 세련된 Inter 서체를 사용하여 미래 지향적인 다크 모드 암호화폐 데이터 대시보드를 재현하기 위한 중국어 프롬프트.
미래 지향적인 다크 모드 암호화폐 데이터 대시보드를 재현해 보세요. 전체적으로 고대비의 옵시디언 배경, 그라데이션 윤곽선이 있는 글래스모피즘 UI 요소, 슬림한 Inter 타이포그래피, 그리고 네온 조명 효과가 적용된 금융 데이터 시각화를 사용합니다.
Keep에서 영감을 받은 중국어 운동 코스 사이트를 Gemini에게 만들어 달라고 요청하는 긴 영어 스타일 프롬프트(중국어). 반응형 Tailwind CSS, 코스 카드, 필터 및 일치하는 비디오 팝업을 포함합니다.
{argument name="reference_brand_en" default="Keep"}에서 영감을 받은 중국어 "운동 코스" 웹페이지를 만드세요. 전체 화면 운동선수 히어로 이미지, 투명한 고정 내비게이션, 중국어 캡슐 태그 카테고리, 그리고 중국어 코스 카드 그리드를 포함합니다. 각 코스 카드는 훈련 프로그램에 해당하며, {argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"}와 같은 크리에이터의 코스 스타일을 참고하여 난이도와 기간에 대한 중국어 제목과 라벨을 디자인합니다. 카드를 클릭하면 카드 정보와 정확히 일치하는 코스 미리보기 비디오 플레이어가 페이지 내에서 열립니다. 전반적으로 미니멀하면서도 섬세한 디자인을 유지하고, 부드러운 스크롤링과 호버 애니메이션, 은은한 그라데이션, 세련된 타이포그래피를 사용하여 고급스러운 중국어 경험을 제공합니다. Tailwind CSS를 사용하여 완벽하게 반응형 레이아웃을 구현합니다.
사용자가 사진을 업로드하여 다양한 왕조의 의상을 가상으로 입어보고 비녀와 메이크업을 맞춤 설정할 수 있는 한푸 옷장 웹 앱을 Gemini 3 Pro가 생성하도록 하는 중국어 프롬프트.
중국어 AI 한푸(Hanfu) 옷장 앱을 만드세요. AI 얼굴 바꾸기 또는 3D 신체 형태 기술을 사용합니다. 사용자가 사진을 업로드하면 클릭 한 번으로 다양한 왕조(예: {argument name="dynasty_1_en" default="Tang"}, {argument name="dynasty_2_en" default="Song"}, {argument name="dynasty_3_en" default="Ming"})의 한푸를 "입어보거나" 비녀와 메이크업을 직접 커스터마이징할 수 있습니다.