AI Prompt Library

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.

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.

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.

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.

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.

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.

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

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.

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.

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

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.

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

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.

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

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.

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

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

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.

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

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.

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

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.