Building AI Apps Live from Cairo 🌙
Want to back the stream? The «داعم» membership on YouTube is EGP 60 a month: badges, emoji, and I answer your questions first on stream. Become a supporter
The gist
A long practical stream documenting a website being built in public with coding agents, from preparing files and specifications and creating logo variants in Canva to reviewing the interface, contrast, responsiveness, Arabic text direction, and links. Luqman discusses organizing instructions, skills, and permissions across Codex and Claude, keeping instruction files compact, and preserving documentation for continuity between sessions, while leaving open questions about context-window consumption, autonomy, and assistant reliability near its limits. In a direct comparison, he felt Codex produced the stronger interface in that attempt—an attributed impression, not a general verdict. The work then moves through GitHub and Cloudflare, encountering Pages-versus-Workers confusion, static-asset, preview, authentication, and DNS issues. The site eventually worked after a JSON configuration change, though the reason remained unclear, and domain propagation still needed later verification. The stream also covers his vision for an Egyptian vibe-coding community, the value of a manifesto and roadmap, and a pre-review checklist for Shopify apps. It ends as an early-stage record requiring further polish and follow-up, not as a confirmed completed project or launch.
52 moments from the stream
- 1:00:51
Practical Website UI Improvement Notes
A review flags arbitrary logo-element placement, unnatural mixed Arabic-English text direction, excessive gaps, and poor contrast in the stream section. It suggests a clearer YouTube-oriented stream placeholder, considered animation, and better balance across the footer and page.
- 1:03:30
Packaging Refactor Instructions in Markdown
The workflow packages a website-refactoring request into a Markdown file for easier consumption by a coding agent instead of re-entering it manually. It also notes that broad requests and higher reasoning modes can consume more of the available context window.
- 1:08:23
Configuring a Project Environment Across Two Models
The speaker begins framing a general question about optimizing project infrastructure and its working environment while alternating between two models, including whether Codex can benefit from an instruction file intended for another agent. The question is cut off on this page, so no answer or final recommendation is present.
- 1:10:53
Organizing Project Instructions Across Codex and Claude
The speaker explores how project instructions can be shared across agents while reserving separate files for genuinely agent-specific behavior. The displayed response suggests that each agent is best placed to optimize its own setup while preserving shared project conventions.
- 1:16:10
A Live Codex–Claude UI-Building Comparison
The speaker compares results produced by Codex and Claude and considers Codex’s interface stronger in this attempt. He presents this as his impression of the experiment while identifying context-window consumption as a frustrating drawback.
- 1:20:15
Inspecting the Generated App and Flagging a Link Change
The speaker briefly inspects the generated app, reacts positively to the result, and identifies a follow-up change to the link. The captions do not clearly preserve the finer visual details.
- 1:21:58
A Task Board and Project Map Idea
A brief exploration of building a task board and project map later, while the tool or project name remains unclear in the captions.
- 1:23:01
Adding Contrast to a Dark Visual Identity
A critique of a website built around green and dark backgrounds per the brand guidance, suggesting lighter or white sections to improve contrast and readability while leaving the execution approach open.
- 1:26:07
Preparing a Project for Codex and Understanding Context Usage
The project environment is being adapted for Codex so it can gain understanding comparable to another coding tool, with substantial overlap but some tool-specific optimization. The speaker later observes that context-window consumption appears high even for a limited setup task and expresses uncertainty about why, without reaching a firm conclusion.
- 1:34:26
What Are Hooks, and Where Can MCP Help?
The speaker explains that hooks can be configured in advance to run automatically when a project trigger occurs, while noting they may not be needed for this project. He then surveys possible MCP servers for screen access, YouTube, Telegram, the filesystem, and Cloudflare.
- 1:36:14
Assessing a Nearly Finished Site Built with Multiple Coding Agents
After roughly two hours of work, the speaker describes the site as nearly complete, with a GitHub review and Cloudflare connection still needed before launch. In his view, combining coding tools or agents made the workflow substantially faster.
- 1:38:37
A Vision for an Egyptian Vibe-Coding Community and Building in Public
The speaker shares his goal of forming an Egyptian vibe-coding community. He argues that the practice is becoming accessible beyond web developers and that its potential is not yet widely recognized in Egypt and the region. He prefers showing the full building process live over relying only on short explanatory videos.
- 1:40:26
Moving a Website from Localhost to Cloudflare
The speaker identifies the next task: moving a nearly finished website from localhost to Cloudflare and its domain, requesting step-by-step guidance and considering whether an MCP integration could save time. The segment presents a deployment plan, not a confirmed successful deployment.
- 1:42:03
Reviewing Contrast and Landing-Page Readiness
The speaker reviews an interface update and considers its stronger contrast preferable to an all-dark presentation. He describes the landing page and links as provisionally ready, with a few refinements and Cloudflare deployment still remaining.
- 1:45:54
How GitHub and Cloudflare Fit into the Deployment Workflow
The speaker asks why GitHub was absent from the proposed steps, comparing this with a workflow where pushing a project to GitHub triggers deployment through a hosting platform. He explores whether repository and deployment steps should remain separate or be connected, then summarizes the intended flow as GitHub updates reaching Cloudflare automatically, without confirming that setup was completed.
- 1:55:35
Context Windows in Long Coding Sessions
The speaker checked the remaining context after using one session to build a website and its infrastructure, then considered whether other models or services could suit long-running work sessions. Private plan and usage details are omitted, and the captioned model-version name is uncertain.
- 1:58:11
Troubleshooting MCP Server Authentication and Permissions
Claude Code detected the new MCP server but did not present the expected authentication prompt. The speaker investigated whether authorization should be read-only or grant separate service permissions, including Workers and DNS; the captions do not establish a final choice or successful authentication.
- 2:05:11
Starting a Website Deployment and Reviewing Build Settings via MCP
After connecting MCP, the host begins activating the website on its domain and reviews the production branch, build command, output directory, and Git connection. He notes that an assistant’s website-navigation guidance may not match the actual interface and therefore needs practical verification.
- 2:14:29
Checking Screen Readability in a Livestream
The host briefly checks whether the shared screen is visible and suitably sized by previewing the stream on YouTube. He concludes that it is slightly small, defers the adjustment, and returns to the work.
- 2:18:36
Distinguishing Pages from Workers After a Failed Build
The host tries to correct an application created under Workers instead of Pages by deleting the attempt and recreating it step by step. The build then fails under Pages, indicating that project-level settings need review before continuing; he explicitly remains unsure about the distinction between the two options.
Got a question about something in this stream?
Ask in the group