Build a stretchy fabric webpage from four lines of text with Codex
A designer gave Codex four lines of text plus the Oil UI skill and got a fabric-like page built with Three.js and WebGL: hover to dent it, drag to stretch the fabric and bend the text, and let go to watch it bounce back.
Source
@FyyShaui6023 on X · 2026-10-19
Written in our own words. Credit to the original author. Link checked 2026-10-19.
What they did
A designer gave Codex four lines of text plus the Oil UI skill and got a fabric-like page built with Three.js and WebGL: hover to dent it, drag to stretch the fabric and bend the text, and let go to watch it bounce back.
Result (as claimed)
About 40 minutes from prompt to page.
Tools they used
Cost: OpenAI Codex: free plan, paid from $8/mo. Checked 2026-10-14.
Set it up
Write a one-page brief
Describe the app in plain words: who it is for, the 3 core screens or actions, and what "done" looks like.
Start the project with your agent
Open OpenAI Codex and paste the brief. Ask it to propose a stack and a file plan before writing code.
Build one slice at a time
Ship the smallest working flow first, run it, then add features one by one. Commit after each working step.
Test it like a user
Click through on desktop and phone. Ask the agent to add basic tests and fix anything that breaks.
Check security and ship
Keep keys in environment variables, check auth and database rules, then deploy and share the link.
Copy the full setup prompt
Paste into your agent and it will walk you through the setup, asking before anything that sends, posts or spends.
You are helping me set up this AI use case end to end in Claude Code. Goal: Build a stretchy fabric webpage from four lines of text with Codex What the original author did: A designer gave Codex four lines of text plus the Oil UI skill and got a fabric-like page built with Three.js and WebGL: hover to dent it, drag to stretch the fabric and bend the text, and let go to watch it bounce back. Reported result (as claimed by the author): About 40 minutes from prompt to page. Source: https://x.com/FyyShaui6023/status/2112164962114359300 Tools they used: OpenAI Codex, Oil UI, three.js Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Codex. Goal: Build a stretchy fabric webpage from four lines of text with Codex What the original author did: A designer gave Codex four lines of text plus the Oil UI skill and got a fabric-like page built with Three.js and WebGL: hover to dent it, drag to stretch the fabric and bend the text, and let go to watch it bounce back. Reported result (as claimed by the author): About 40 minutes from prompt to page. Source: https://x.com/FyyShaui6023/status/2112164962114359300 Tools they used: OpenAI Codex, Oil UI, three.js Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
You are helping me set up this AI use case end to end in Grok Bot. Goal: Build a stretchy fabric webpage from four lines of text with Codex What the original author did: A designer gave Codex four lines of text plus the Oil UI skill and got a fabric-like page built with Three.js and WebGL: hover to dent it, drag to stretch the fabric and bend the text, and let go to watch it bounce back. Reported result (as claimed by the author): About 40 minutes from prompt to page. Source: https://x.com/FyyShaui6023/status/2112164962114359300 Tools they used: OpenAI Codex, Oil UI, three.js Category: Vibe coding & apps Please: 1. Ask me 3 short questions about my situation (accounts I have, budget, what I want the output to look like). 2. Propose a step-by-step plan using these tools or cheaper alternatives, with the time and cost of each step. Use official pricing pages; say "check pricing" if unsure. 3. Then do the setup with me one step at a time, waiting for my OK before anything that sends messages, posts publicly, spends money or deletes data. 4. Finish with a checklist to run it again next time.
The Daily 5
Get five new use cases tomorrow morning
Free. Real sources. Unsubscribe any time.
Guides for this use case
How to run multiple coding agents together · How to make 3D scenes and models with AI and Blender · How to use Claude Code skills and plugins
Related use cases
Make a hand-gesture flying game in the browser with Codex and three.js
After an earlier gesture racing game, a builder made a seaside flight version: turn on your camera and steer a flying car with your palm. It is built with Codex and three.js and plays in the browser.
Build a campus hangout app with Codex in a student competition
Two students built an iOS app with Codex in a TV-style competition: you swipe on spontaneous hangouts on your college campus to meet people outside your major. They later built Finnie, a financial aid tool to help students go to college for free, also with Codex.
Prototype a menu and price-sign maker for a small restaurant or shop
A builder's Prototype Bot on Grok Bot researched and built Honest POP, a browser prototype that makes menus, shop signs and price tags from your own photos, for small restaurants and local shops whose staff are not comfortable with computers or AI. It runs on made-up data and can be downloaded and extended with Claude Code or Codex.
Give Codex a vague requirement and let it ask before it builds
He asked Codex for a to-do app with one vague requirement: make sure tasks are saved. Codex asked whether he meant local storage or cross-device sync, then built the localStorage version and reported what it had not tested.