Kenerate AI
Back to library
Rebuild GitHub’s React project page UI 1
Gemini 3Web design

Rebuild GitHub’s React project page UI

A very short prompt asking Gemini 3 Pro to build the GitHub page of React, effectively recreating the React repository’s GitHub UI.

Prompt
Build the GitHub page of {argument name="project_name_en" default="React"}.
Author
@Samro ✨View original post
Published
Nov 17, 2025

More prompts like this

Luxury 3D watch product experience page (Next.js + Three.js)
Gemini 3

Luxury 3D watch product experience page (Next.js + Three.js)

Design a 3D product experience page for a luxury wristwatch. **Target users:** wealthy customers, watch enthusiasts, and business people aged 30–50. **Brand tone:** Luxury × Tech (a modern, sophisticated high-end feel). Scroll experience (5 sections): Hero section – the wristwatch slowly appears from darkness into light while rotating. Implement holographic effects and Fresnel reflections with custom shaders. Detail zoom – close-up of the dial. Use GLSL to achieve metallic reflections, parallax mapping, and real-time glossiness. Mechanism breakdown – the watch disassembles and the internal movement floats in space. Use a displacement shader for an energy-field effect and add glow effects to each part. Material experience – switch between different material variations. Express metalness, glass refraction, and the matte texture of titanium with PBR shaders in a physically based way. Ending – the watch reassembles, with an abstract gradient mesh background made with a custom shader. Apply post-processing such as bloom and depth of field. **Tech stack:** Next.js 15 + Three.js + React Three Fiber + GLSL (custom shaders) + react-postprocessing + Lenis. Shader requirements: Fresnel reflection shader (rim-light effect) PBR material shader (roughness, metallic, AO) Holographic shader (iridescent interference effect) Displacement shader (waving and distortion effects) Custom background shader (gradient noise) Post-process: Bloom, ChromaticAberration, DepthOfField, Vignette. Please propose specific numerical values for: Scroll range of each section (in % or vh units) Animation parameters (start/end values for position, rotation, scale, etc.) Easing functions (ease type) Camera FOV, position, and target values Lighting settings (intensity, color, position) Uniform values for each shader (time progression, scroll progress, hue, intensity, etc.).

@Shin@プログラミングチュートリアル
Hello world web page with Linear-style variants
Gemini 3

Hello world web page with Linear-style variants

Help me build a hello world page. Help me build a hello world page with {argument name="style_en" default="Linear"} style. Help me build a hello world page with {argument name="style_en" default="Linear"} style.

@Jason Zhou
Retro Polaroid-style camera web app
Gemini 3

Retro Polaroid-style camera web app

Please help me create a retro Polaroid-style camera web application. In the lower-left corner of the page, display a camera that can connect to the webcam and show a real-time preview. When the shutter button is clicked, a photo paper slowly pops out from the top of the camera, and the photo develops from blurry to clear. Users can drag the developed photo from above the camera to areas of the page outside the camera, creating a photo-wall-like effect.

@饼干哥哥AGI(2.0)
Cyber-style modern Chinese almanac web app
Gemini 3

Cyber-style modern Chinese almanac web app

Generate a cyber-style Chinese web application for a modern daily almanac aimed at young people. Instead of traditional items like “suitable for marriage,” it should reflect modern life scenarios. For example: “Today do: {argument name="today_do_example_1_en" default="slack off at work"}, {argument name="today_do_example_2_en" default="drink milk tea"}, {argument name="today_do_example_3_en" default="confess your feelings"}; Today avoid: {argument name="today_avoid_example_1_en" default="meetings"}, {argument name="today_avoid_example_2_en" default="staying up all night"}, {argument name="today_avoid_example_3_en" default="making big resolutions"}.”

@松果先森
Chinese web app for Greek mythology constellations
Gemini 3

Chinese web app for Greek mythology constellations

Generate a {argument name="language_en" default="Chinese"} web application that tells the Greek mythological stories of each star or constellation in the form of a picture book. It should not only show the constellation connection lines but also display illustrations of the mythological characters.

@松果先森
Retro Motorola Fix Beeper typewriter web app
Gemini 3

Retro Motorola Fix Beeper typewriter web app

Please help me create a retro typewriter web application themed around {argument name="device_name_en" default="Motorola Fix Beeper"}. In the center of the page, display a typewriter that can take text entered by the user and generate it as a card, with an effect similar to the slow typing of a typewriter, and allow the card to be dragged to empty areas.

@被减数

Some prompts are collected from creators on X. Copyright belongs to the original authors.