A quote card with "{argument name="quote" default="Stay hungry, stay foolish"}"
by {argument name="author" default="Steve Jobs"}

Build me a store in the theme and style of {argument name="theme_en" default="Thanksgiving Charlie Brown"}.

I want to design the landing page for a new {argument name="product_type_en" default="AI game"}. We want it to look futuristic and use as many animations as possible.

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.

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.).

You are a veteran game programming master. Please help me write an editor whose rendering module uses WebCodecs. Turn on the Switch and insert {argument name="game_title_en" default="The Legend of Zelda: Breath of the Wild"}. Be careful not to lick the cartridge—it’s a bit bitter. Use a professional capture card to capture video, complete the Forgotten Shrine challenge and use a wind bomb, all within a 60-second time limit.

Create one HTML file for a {argument name="product_type_en" default="luxury smartwatch"} page using Three.js, Anime.js, and Tailwind. Make a 3D {argument name="main_object_en" default="watch"} model, a dark textured overlay with a round hole showing the {argument name="main_object_background_en" default="watch on beige"}, and animate the header and big numbers to slide in when the page loads.

Make the page more professional. Replace the static hole with an iris that opens on load. Add a glass dome over the {argument name="focus_area_en" default="watch face"} with reflections, improve metal materials, add mouse parallax so the {argument name="parallax_target_en" default="watch"} rotates with the cursor, and draw time and fitness rings on the {argument name="dial_area_en" default="watch face"}.

Turn the single screen into a multi-section scroll site. When the user scrolls, animate the 3D {argument name="scroll_object_en" default="watch"} to move and rotate to match each section. Keep the 3D canvas and background fixed while text scrolls over them; only the {argument name="moving_element_en" default="watch"} moves.

- fixed canvas: position the canvas

Generate {argument name="icon_count_en" default="40"} simple and highly versatile icons in SVG format. Be sure to draw them on a canvas. The color should be {argument name="icon_color_en" default="light blue"}. The background should be {argument name="background_color_en" default="white"}. Use line-style icons with a Material Design feel. Add a button that lets users download each SVG icon as SVG data.

Design a richly crafted voxel-art environment featuring an ornate {argument name="main_structure_en" default="pagoda"} set within a vibrant garden.
Include diverse vegetation—especially {argument name="key_tree_en" default="cherry blossom trees"}—and make sure the composition feels lively, colorful, and visually striking.
Use any voxel or WebGL libraries you prefer, but deliver the entire project as a single, self-contained HTML file that I can paste and open directly in Chrome.

Recreate a futuristic dark-mode cryptocurrency data dashboard: use a high-contrast obsidian background overall, glassmorphism UI elements with gradient outlines, slim Inter typography, and financial data visualizations with neon lighting effects.

Design an SVG Ferris wheel mechanical animation that includes a main wheel, central bearings, support frame, drive gear set, and 8–12 cabins with a reverse self-leveling mechanism to keep them horizontal. All linkages and gear transmissions must be precise, showing the complete mechanical drive chain and the reverse rotation logic that keeps cabins level. Output in HTML format.

Build a Chinese “workout course” webpage inspired by {argument name="reference_brand_en" default="Keep"}: include a full-screen athlete hero image, transparent sticky navigation, Chinese capsule-tag categories, and a grid of Chinese course cards. Each course card corresponds to a training program; use the course styles of creators such as {argument name="instructor_examples_en" default="Pamela, Zhou Liuye, Han Xiaosi, Jojie, Liu Genghong"} as references to design Chinese titles and labels for difficulty and duration. When clicking a card, open a course preview video player within the page that strictly matches the card information. Overall, keep the design minimal yet detailed, using smooth scrolling and hover animations, soft gradients, and refined typography to create a high-end Chinese experience. Use Tailwind CSS to implement a fully responsive layout.

Build a Keep-style Chinese fitness page with a clean, modern UI, an interactive SVG body (front/back views, where clicking a muscle highlights it), Chinese filters (gender/level/equipment), and exercise cards. Deliver it as a single HTML file using Tailwind + JavaScript.

Create a neo-Brutalist website that pushes the boundaries of creativity. Include smooth scrolling animations, vibrant colors, and Tailwind ES styles, and make it fully responsive.

Please develop a web camera application with a retro Polaroid atmosphere. Place a Polaroid camera model in the lower-left corner of the page that can call the user’s webcam and show a real-time preview. After clicking the shutter, a piece of “photo paper” slowly comes out from the top of the camera, and the photo develops from initially blurry to clear. Users can drag the fully developed photo from above the camera to any position on the page, creating a free layout similar to a “photo collage wall.”

Generate a Chinese web application where users record their dreams every morning. The app provides a large number of “illustration stickers” to collage and reconstruct the dream scenes, and finally generates a dream card that looks like a tarot card.

Act as a world-class frontend engineer and UX designer. Build a {argument name="application_name_en" default="3D Brick Builder Application"} using React, Three.js (@react-three/fiber), Tailwind CSS, and the Google Gemini API (@google/genai).

## Design philosophy
- **Theme**: {argument name="theme_en" default="White Base"} modern aesthetics.

Create an X MBTI analyzer: the user pastes a tweet → the frontend calls a backend (which uses the Gemini API to infer the MBTI type).
Design style should follow Linear, dark mode only, with a minimalist yet high-quality feel and refined details. The interface should be in Chinese.

Generate a Chinese-language AI Hanfu wardrobe application. Use AI face-swapping or 3D body-shape technology. Users upload a photo and can, with one click, "try on" Hanfu from various dynasties ({argument name="dynasty_1_en" default="Tang"}, {argument name="dynasty_2_en" default="Song"}, {argument name="dynasty_3_en" default="Ming"}), or customize hairpins and makeup themselves.

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.

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.

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"}.”

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.

Design a maximalist website for a fictional startup that sells {argument name="product_en" default="digital hot dogs"}. I want beautifully animated hero text with shaders that react to mouse hover, with lots of dithering and wavy, groovy gradients.

Create a raymarching Mandelbulb fractal in GLSL, surround it with {argument name="particle_count_en" default="12,000"} instanced particles, make it audio-reactive to my microphone, and add Unreal Bloom.

You are the studio {argument name="studio_name_en" default="makemepulse"}. Build me a website for {argument name="client_name_en" default="AP"}. Think carefully and make no mistakes.

Use the computer's front-facing camera.
Use the `mediapipe` library to capture facial landmarks.
Use `threejs` to apply a LASER EYE effect to the face captured by the camera, based on the real-time 3D landmark information provided by `mediapipe`.

Design a full survival-mode replica of {argument name="game_name_en" default="Minecraft"} using {argument name="tech_stack_en" default="Three.js"}.

Generate an enterprise-grade professional landing page for {argument name="business_description_en" default="[DESCRIBE YOUR BUSINESS]"}.

Add interactive elements, animations, and make it fully responsive.

Surprise me, be creative, and do this step by step.

Generate a web application that introduces one {argument name="color_system_en" default="traditional Chinese color"} each day (for example: {argument name="example_color_1_en" default="Sky Blue (Tianqing)"}, {argument name="example_color_2_en" default="Crimson (Yanzhi)"}, {argument name="example_color_3_en" default="Dark Green (Dailuo)"}), accompanied by related classical poetry, artifact illustrations, or natural landscapes.

Help me write a web-based rich text editor similar to {argument name="reference_software_en" default="Word"}, including its main features, with all code contained in a single HTML file. It should support: headings, paragraphs, left alignment, bold, italic, right alignment, underline, strikethrough, background color, text color, numbering, undo, and finally a download function. Directly generate the HTML, and that’s it!

As a frontend engineer with a strong sense of aesthetics, create a website landing page for "{argument name="leaderboard_name_en" default="Chinese Twitter KOL Leaderboard"}". The design should be highly polished, with a minimal color palette, dark mode, and high contrast. Fetch the data source from the web.
Use Tailwind CSS + HTML5, add animations, and output only the HTML code directly.

Create a picture book for learning {argument name="learning_subject" default="English"}.

Create a demo animation of the recommendation algorithm for {argument name="platform_name_en" default="Douyin"}.

A multi-level gear linkage system where rotating the main gear causes all gears to automatically move in proportion.

Create a parallax scrolling website with explosive visual effects: layered backgrounds that move at different speeds when scrolling, smooth transitions, and interactive elements that pop up with animations.

{argument name="generator_name_en" default="High-End LP Generator (Swiss Style)"}

Based on the later-provided {argument name="input_text_en" default="Input Text"}, strictly follow the following specifications and implement a top-quality landing page in React (single file).

1. Design concept: {argument name="design_concept_en" default="Swiss Modern & Bento"}

Style: {argument name="style_en" default="Apple/Linear-like Swiss modern style"}, removing decoration and using whitespace and typography to create appeal.

A glassmorphism neon interface with ultra-modern UI lighting effects and semi-transparent glass panels.

Use SVG to draw a dynamic, interactive demonstration of how Tesla FSD recognizes roads.

Build the GitHub page of {argument name="project_name_en" default="React"}.

Create a scene in three.js.
It will be a museum with paintings on the walls, and you can walk around the museum hall like in a game.
Make the walls and floor white.
There will be glass on the ceiling with the sky visible behind it.
Also place white blocks in the middle of the hall.

I have provided an image. Code a beautiful voxel art scene inspired by this image. Write threejs code as a single-page

Build a 3D {argument name="puzzle_type_en" default="Rubik's cube"}, include a button to mix it that shuffles the cube, and a button that solves the puzzle. Also allow the user to manually manipulate and solve it themselves.

Design a {argument name="app_name_en" default="CapCut"}.

Please create a fully functional {argument name="game_type_en" default="billiards game"} in a single HTML file.

Please generate a single-page HTML (SVG) for a “{argument name="system_name_en" default="Quantum Core Monitoring System"}”.

Write a dynamic webpage that uses a cool point-cloud style to explain special relativity.

Create an SVG of an {argument name="controller_type_en" default="Xbox controller"}.

Make a neobrutalist webpage, make it extremely creative and push the limits as far as possible. Add smooth scroll animations, fancy colors, and Tailwind CSS styles. Make it fully responsive. The title of the page is {argument name="page_title" default="dorksense"}.

SVG of the {argument name="city_skyline_en" default="New York skyline"}. Use whatever libraries are needed to get this done, but make sure I can paste everything into a single HTML file and open it in Chrome. Make it interesting and highly detailed, showing unexpected details. Go fully creative and fully beautiful in one code block.