Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2,048 changes: 2,048 additions & 0 deletions apps/asteroid-game-5.2/index.html

Large diffs are not rendered by default.

1,692 changes: 1,692 additions & 0 deletions apps/brutalist-dev-landing-page-5.2/index.html

Large diffs are not rendered by default.

2,038 changes: 2,038 additions & 0 deletions apps/camping-gear-checklist-5.2/index.html

Large diffs are not rendered by default.

1,380 changes: 1,380 additions & 0 deletions apps/customer-journey-flow-5.2/index.html

Large diffs are not rendered by default.

2,051 changes: 2,051 additions & 0 deletions apps/employee-skills-matrix-5.2/index.html

Large diffs are not rendered by default.

1,749 changes: 1,749 additions & 0 deletions apps/holiday-card-for-kids-5.2/index.html

Large diffs are not rendered by default.

855 changes: 855 additions & 0 deletions apps/ocean-wave-simulation-5.2/index.html

Large diffs are not rendered by default.

1,673 changes: 1,673 additions & 0 deletions apps/solar-system-explorer-5.2/index.html

Large diffs are not rendered by default.

1,314 changes: 1,314 additions & 0 deletions apps/tea-drunkability-5.2/index.html

Large diffs are not rendered by default.

1,247 changes: 1,247 additions & 0 deletions apps/typing-rain-5.2/index.html

Large diffs are not rendered by default.

1,457 changes: 1,457 additions & 0 deletions apps/virtual-drum-kit-5.2/index.html

Large diffs are not rendered by default.

1,736 changes: 1,736 additions & 0 deletions apps/weather-theatre-5.2/index.html

Large diffs are not rendered by default.

8 changes: 8 additions & 0 deletions examples/asteroid-game-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,8 @@
id: asteroid-game-5.2
title: Asteroid Game
prompt: |
Make a 2d space game, in which I can fly a ship, avoid and blow up asteroids, and dogfight with other computer-controlled AI. Be creative with the design of the ships. Ensure the gameplay works and is fun.
Output code in a single next.js page.tsx file, which can be pasted directly into a next.js app created by create-next-app, alongside any context or instructions needed to run it.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/asteroid-game-5.2.png
tags:
- game
15 changes: 15 additions & 0 deletions examples/brutalist-dev-landing-page-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,15 @@
id: brutalist-dev-landing-page-5.2
title: Brutalist Dev Platform
prompt: |
Title: Brutalist Dev Platform Landing
Prompt:
Build a single HTML file for a brutalist developer platform landing page.
Style: monochrome, oversized type, strict 12-col grid, visible outlines, sharp corners; cursor shows grid coordinates.
Hero: stark headline, one-line value prop, two CTAs (“Start free”, “Docs”), background = live terminal demo typing a sample API call.
Proof: SVG logo wall + light/dark invert toggle.
Features: 3 code-snippet cards with tabs (JS/Python/cURL), copy-to-clipboard + tooltip.
Pricing: 3-tier table with sticky header, CTAs open signup modal.
Footer: keyboard-navigable site map + social links; only SVGs; responsive & fast.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/brutalist-dev-landing-page-5.2.png
tags:
- landing
11 changes: 11 additions & 0 deletions examples/camping-gear-checklist-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
id: camping-gear-checklist-5.2
title: Camping Gear Checklist
prompt: |
Create a single-page app in a single HTML file with the following requirements:
- Name: Camping Gear Checklist
- Goal: Track gear for camping trips.
- Features: Checklist items, weight calculator, save lists.
- The UI should be outdoor-themed.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/camping-gear-checklist-5.2.png
tags:
- utility
11 changes: 11 additions & 0 deletions examples/customer-journey-flow-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
id: customer-journey-flow-5.2
title: Customer Journey Flow
prompt: |
Create a single-page app in a single HTML file with the following requirements:
- Name: Customer Journey Flow
- Goal: Visualize a customer’s steps from awareness to purchase.
- Features: Editable stages, drag-and-drop connections.
- The UI should be clean and diagram-like.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/customer-journey-flow-5.2.png
tags:
- tool
12 changes: 12 additions & 0 deletions examples/employee-skills-matrix-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,12 @@
id: employee-skills-matrix-5.2
title: Employee Skills Matrix
prompt: |

Create a single-page app in a single HTML file with the following requirements:
- Name: Employee Skills Matrix
- Goal: Track team skills coverage.
- Features: Skill list vs. employee grid, proficiency levels.
- The UI should be HR-focused.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/employee-skills-matrix-5.2.png
tags:
- utility
11 changes: 11 additions & 0 deletions examples/holiday-card-for-kids-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
id: holiday-card-for-kids-5.2
title: Holiday Card for Kids
prompt: |
Create a single-page app, in a single HTML file, that demonstrates a warm and fun holiday card! The card should be interactive and enjoyable for kids!
- Have variety of items kids can drop in the UI; a few should be already placed by default
- Also have fun sound interactions
- Place many cute and fun stuff as much as possible
- Animation like snowdrop should be used nicely
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/holiday-card-for-kids-5.2.png
tags:
- interactive
11 changes: 11 additions & 0 deletions examples/ocean-wave-simulation-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
id: ocean-wave-simulation-5.2
title: Ocean Wave Simulation
prompt: |
Create a single-page app in a single HTML file with the following requirements:
- Name: Ocean Wave Simulation
- Goal: Display realistic animated waves.
- Features: Change wind speed, wave height, lighting.
- The UI should be calming and realistic.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/ocean-wave-simulation-5.2.png
tags:
- interactive
11 changes: 11 additions & 0 deletions examples/solar-system-explorer-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
id: solar-system-explorer-5.2
title: Solar System Explorer
prompt: |
Create a single-page app in a single HTML file with the following requirements:
- Name: Solar System Explorer
- Goal: Visualize planets orbiting the sun.
- Features: Click planets for info, orbit speed control, and, drag to rotate, zoom in/out.
- The UI should be dark-themed and interactive.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/solar-system-explorer-5.2.png
tags:
- interactive
7 changes: 7 additions & 0 deletions examples/tea-drunkability-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
id: tea-drunkability-5.2
title: Tea Dunkability Simulator
prompt: |
Generate a React page that simulates tea dunkability for classic biscuits: sliders for tea temp, dunk time, biscuit type, and structural integrity; animate a looping teacup with steam, show a crumble-o-meter graph, and sprinkle crumbs on over-dunks; glass cards, dark mode, and keyboard shortcuts
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/tea-dunkability-5.2.png
tags:
- interactive
11 changes: 11 additions & 0 deletions examples/typing-rain-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
id: typing-rain-5.2
title: Typing Rain
prompt: |
Create a single-page app in a single HTML file with the following requirements:
- Name: Typing Rain
- Goal: Type falling words before they reach the bottom.
- Features: Increasing difficulty, accuracy tracker, score.
- The UI should be the city background with animated raindrop words.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/typing-rain-5.2.png
tags:
- game
11 changes: 11 additions & 0 deletions examples/virtual-drum-kit-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,11 @@
id: virtual-drum-kit-5.2
title: Virtual Drum Kit
prompt: |
Create a single-page app in a single HTML file with the following requirements:
- Name: Virtual Drum Kit
- Goal: Play a drum kit using keyboard or clicks.
- Features: Multiple drum sounds, record and playback mode.
- The UI should be music-studio themed & drum set featured; the pads should be large enough to tap on mobile.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/virtual-drum-kit-5.2.png
tags:
- interactive
7 changes: 7 additions & 0 deletions examples/weather-theatre-5.2.yaml
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
id: weather-theatre-5.2
title: Weather Theatre
prompt: |
Generate a beautiful React + Canvas “weather theatre” where sliders (cosy, eerie, heroic) remix the same mock forecast into different stage sets; parallax backdrops, spotlight sweeps, and a curtain reveal; add a typewriter subtitle of the scene and a “Matinée/Night” toggle; no external APIs.
screenshot_url: https://cdn.openai.com/devhub/gpt5prompts/weather-theatre-5.2.png
tags:
- interactive
1 change: 1 addition & 0 deletions front-end/.gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -39,3 +39,4 @@ yarn-error.log*
# typescript
*.tsbuildinfo
next-env.d.ts
.env*.local
86 changes: 43 additions & 43 deletions front-end/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

2 changes: 1 addition & 1 deletion front-end/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -44,7 +44,7 @@
"embla-carousel-react": "^8.6.0",
"input-otp": "^1.4.2",
"lucide-react": "^0.536.0",
"next": "15.4.6",
"next": "^15.4.8",
"next-themes": "^0.4.6",
"react": "19.1.0",
"react-day-picker": "^9.8.1",
Expand Down
Loading