Text to Image
Rebuild GitHub’s React project page UI — AI Image Prompt
A very short prompt asking Gemini 3 Pro to build the GitHub page of React, effectively recreating the React repository’s GitHub UI. - AIPinMaker
Prompt
Build the github page of {argument name="project_name" default="react"}Prompt breakdown
- Subject
- GitHub repository page for React including header stats, file tree, README preview, and contributor section
Remix ideas
- swap project_name to next.js to render that repo's distinct README and package.json view
- add a visible Issues tab with open count to increase interface density
- apply GitHub's dark theme by describing inverted colors on the nav and code blocks
How to use this AI Image prompt template
1Copy the prompt — grab this template’s prompt and negative prompt. 
2Pick a model — choose a recommended AI model for the best match. 
3Generate — open the studio with one click and create your result.
Related templates
Cloudflare Catch-All Email Routing Infographic
Goal: Create a landscape hand-drawn notebook-style Chinese infographic explaining how to register multiple ChatGPT accounts by using Cloudflare Email Routing to create catch-all mailbox aliases. Canvas: Wide 16:9 whiteboard page, clean off-white background, surrounded by a thick black dashed rounded border. Use a casual marker-and-pen sketch style with slightly imperfect lines, doodle arrows, stars, question marks, pins, and small expressive icons. Title and intro: At the top center, write the bold headline 注册 ChatGPT 第 N 个账号：用 Cloudflare 造邮箱（手绘笔记） (headline text). Underline “Cloudflare” in blue. Beneath it on the left, write the pain point line: “痛点：同个邮箱只能注册一个账号，换邮箱麻烦。” Add a small curved arrow doodle and star near the title. Main layout: Use exactly 7 main content boxes/cards plus decorative doodles. Arrange them left-to-right as a process with bold black arrows connecting sections. The 7 cards are: 1 pain card, 1 solution card, 1 core-principle card, and 4 numbered step cards. Card 1, pain card: A red outlined sticky-note box on the upper left with a sad red face icon. Text: “想注册新号？没新邮箱！” Make it look like a folded-corner note. Card 2, solution card: A blue rounded rectangle in the upper middle with a blue cloud icon. Text: “解决方案：Cloudflare Email Routing（邮箱路由）”. Put a blue arrow pointing toward the core principle box. Card 3, core principle card: A large black-outlined rounded rectangle in the upper right. Header text: “核心原理：Catch-all（通配符 / 捕获所有）”. Include a funnel icon. Show exactly 4 example incoming aliases on the left: “chatgpt@”, “netflix@”, “test1@”, and “任意前缀@”. Draw arrows from all four into a large “@” symbol and “@你的域名.com”, then a thick black arrow to a mailbox icon labeled “真实邮箱（如 Gmail）”. Bottom line with green check icon: “全部自动转发，统一汇总！无需提前创建。” Step cards along the bottom: Use exactly 4 numbered boxes. Step 1 card, bottom left: Title “第一步：准备工作”. Include exactly 3 numbered requirements: “1. Cloudflare 账号（免费注册）”, “2. 你的域名（DNS 托管在 CF）”, “3. 真实邮箱（接收转发）”. Add a globe icon, a green check mark, and a yellow key icon. Below it add small text: “域名推荐：性价比高（如 top域名）”. Step 2 card, bottom center-left: Title “第二步：启用并验证目标邮箱”. Include a small computer icon labeled “CF 控制台”. Text flow: “添加域名 → 解析 → 激活”. Draw an arrow down to a mini DNS nameserver panel with two columns: left “阿里云（修改 NS）”, right “Cloudflare（等待生效，状态：活动）”. Beneath the card, draw a red circled nameserver list with exactly 2 entries: “gene.ns.cloudflare.com” and “peyton.ns.cloudflare.com”. Add a small clock icon and text “约30分钟”. Step 3 card, bottom center-right: Title “第三步：设置邮件路由”. Show a mini Cloudflare UI mockup with exactly 2 top tabs/boxes: “Email（电子邮件）” and “Email Routing（路由）”. Include a small “Get Started” button pointing to “绑定目标地址（Destination address）”. At the bottom add an envelope icon and text: “验证邮件 → 点击确认”. Under this card place a small blue status note titled “测试转发成功” with two arrow lines showing an alias forwarding to a Gmail address. Step 4 card, bottom right: Title “第四步：设置路由规则（核心步骤）”. Show a UI panel titled “Catch-all 规则设置”. Include a blue toggle switch labeled “Active（启用）”. Include a two-row table with headers and values: row 1 “Action（操作）” to “Send to（发送至）”; row 2 “Destination（目标）” to “你的真实邮箱”. Add a red star near the corner. Final result box: At the bottom right below Step 4, add a green rounded rectangle with a smiling face icon. Text: “效果：注册时随意编造前缀（例如 chatgpt@yourdomain.com）邮件全部统一汇总到真实邮箱，实现「邮箱自由」！全程免费！” Visual style: Handwritten Chinese typography, thick black marker outlines, simple vector doodles, blue/red/green/yellow accent colors, informal classroom note-taking feel. Keep all arrows bold and directional, with minor sketchy imperfections. Constraints: Keep the entire infographic in Chinese as specified, use no photorealism, no 3D rendering, no watermark, no extra sections beyond the 7 cards and final result box, and make the text legible.3b:T12a5,Goal: Create a landscape hand-drawn notebook-style Chinese infographic explaining how to register multiple ChatGPT accounts by using Cloudflare Email Routing to create catch-all mailbox aliases. Canvas: Wide 16:9 whiteboard page, clean off-white background, surrounded by a thick black dashed rounded border. Use a casual marker-and-pen sketch style with slightly imperfect lines, doodle arrows, stars, question marks, pins, and small expressive icons. Title and intro: At the top center, write the bold headline 注册 ChatGPT 第 N 个账号：用 Cloudflare 造邮箱（手绘笔记） (headline text). Underline “Cloudflare” in blue. Beneath it on the left, write the pain point line: “痛点：同个邮箱只能注册一个账号，换邮箱麻烦。” Add a small curved arrow doodle and star near the title. Main layout: Use exactly 7 main content boxes/cards plus deco
Software Shortcut Infographic
Create a infographic image of Software Shortcut Infographic. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: illustration. Reference: software-shortcut-infographic-14722.
Stylized Tech Illustration Template
Create a creative image of Stylized Tech Illustration Template. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: photography. Reference: stylized-tech-illustration-template-8777.
Visually Stunning Slide Generation from Content
Create a infographic image of Visually Stunning Slide Generation From Content. Style: photorealistic. Composition: balanced and well-framed. Lighting: natural with cinematic mood. Category: illustration. Reference: visually-stunning-slide-generation-from-content-1776.
Web-based Word-like rich text editor in one HTML file
帮我写一个类似word (参考软件)的网页版富文本编辑器，包含它的主要功能，所有代码放在一个html文件里。看这个效果: 标题, 段落, 左对齐, 粗体, 斜体, 右对齐, 下划线, 删除线, 背景色, 颜色, 编号, 撤撤回,最后再来个下载干拉, 直接生成html, 齐活!
Hybrid Cache Execution Flowchart
Create a clean vertical technical workflow infographic on a light gray background, using a minimalist modern product-diagram style with rounded white cards, thin colored outlines, simple vector line icons, dark navy text, and navy connector arrows. The composition is a single centered top-to-bottom flowchart with 7 numbered main steps, plus 2 parallel cache-group panels branching from step 4 into step 5, and a thick dark return arrow on the far left looping from the bottom back to the top. Use crisp sans-serif typography, generous spacing, subtle pastel accent colors, no gradients, no shadows, and presentation-slide clarity. At the top center place step card 1 with a blue outline and a code/chat icon on the left. Title text: "1. chat completions request (step 1 title)". Subtitle beneath: "conversation_id + cache_salt + new suffix messages". Below it place step card 2 with a blue outline and a document/list icon. Title: "2. Frontend conversation ledger". Subtitle: "lease same id + track committed messages". Below it place step card 3 with a cyan outline and a database-with-magnifier icon. Title: "3. Exact conversation cache lookup". Subtitle: "conversation_id committed turn state". Below it place step card 4 with a purple outline and a branching scheduler icon. Title: "4. Scheduler cache attachment". Subtitle: "set num_computed_tokens + attach committed state". From step 4, branch downward into 2 side-by-side group panels. Left group panel: a pale green rounded container titled "Full-attention KV cache group". Inside it, stack 2 inner cards. First inner card has a green block-grid icon, title "Committed block refs", subtitle "share aligned full KV blocks". Second inner card below has a green layered-sheets icon, title "Tail COW copy", subtitle "copy unaligned KV tail". At the bottom of the green panel add small footer text: "paged K/V tensors for transformer layers". Right group panel: a pale purple rounded container titled "Mamba terminal-state cache group". Inside it, stack 2 inner cards. First inner card has a purple database/network icon, title "Committed terminal state", subtitle "exact state at committed length". Second inner card below has a purple wavy-lines icon, title "Request-owned terminal copy", subtitle "copy SSM + conv state". At the bottom of the purple panel add small footer text: "align-mode terminal state placement". Merge both group-panel outputs into a centered step card 5 with a blue outline and a microchip icon. Title: "5. Hybrid model execution". Subtitle: "run only the uncached suffix". Inside the bottom area of this card, include 2 pill-shaped labels side by side: "Transformer layers" and "Mamba layers". Below it place step card 6 with a blue outline and a sparkle icon. Title: "6. Decode assistant tokens". Subtitle: "stream response token by token". Below it place step card 7 with a warm yellow-orange outline and a database-with-check icon. Title: "7. Commit completed turn". Subtitle: "publish pending state or discard on failure". Add a thick dark navy loop arrow running down the far left side, entering step 1 near the top from the left and returning from step 7 at the bottom back upward. Along this left loop, near the lower half, place stacked annotation text: "next request reuses committed conversation head". Add 2 dashed publish arrows rising upward from step 7 toward the cache-group panels: one green dashed arrow on the left pointing to the green cache panel, labeled "publish new state"; one purple dashed arrow on the right pointing to the purple cache panel, also labeled "publish new state". Keep the exact total count of 7 numbered main cards, 2 cache group panels, 4 inner cache cards, and 2 pill labels. Preserve a portrait aspect ratio similar to a conference-slide architecture diagram.
Explore more prompts
Browse more AI image and video prompts by category.
FAQ
- Does the generated image match the live React repo exactly?
- Core layout elements like the repo description and language stats align closely, though dynamic numbers such as current star counts will be approximated by the model.
- What file types work best when exporting this image?
- PNG preserves the sharp text and UI lines for presentations, while WebP keeps file size low for web embeds.