Another Power Outage... 🙄
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
The stream centers on landing-page development and a practical workflow combining coding agents with image and video generation. Reviews cover card layout, layering, gradients, contrast, synchronized motion, maintaining the hero section’s visual standard throughout the page, and the importance of later mobile optimization. Luqman explores using Nano Banana and Kling to turn generated images into looping backgrounds, multi-shot videos, and hover-triggered interactions; several experiments remained in generation or planning, so their final results were not established. The stream also explains a multi-agent workflow spanning codebase and Shopify-documentation research, implementation, security review, and validation. Luqman observes that launching many agents can consume token and usage allowances quickly, while a suggested usage-multiplying bug remained unverified. For Shopify, he outlines plans to manage approval and compliance risk through an early exemption request, support follow-up, checklists, and automated review, with the review and approval outcome still unresolved. Audience questions and broader discussions cover whether coding agents understand Arabic instructions, choosing Warp for terminal and backend work versus IDEs such as Cursor for UI/UX, perceived workflow differences between Claude and OpenAI, and the hardware and quality trade-offs of local models. The stream also addresses validating products before building, planning distribution, profitability, and scalability, beginning freelance work through Upwork or Fiverr, and developing a side project gradually while retaining stable income. These are the speaker’s experience-based opinions and recommendations, not guarantees of technical or commercial outcomes.
41 moments from the stream
- 0:00:43
A Better Workflow for Polished Landing Pages
Luqman describes research that led him to a workflow and paid tools he believes can substantially improve website quality, following frustration with animation and CSS while building a landing page. He says he will explain the workflow later, so this remains an early assessment rather than a documented test.
- 0:05:24
Managing Shopify App Approval and Compliance Risk
After researching Shopify’s rules, Luqman explains that an app may face approval issues, so he began an exemption request early and believes its positioning and submission require strategic planning. He is willing to accept the possibility of rejection because the build itself provides experience and improves his workflow, while a checklist and automated agent review compliance after deployment. This is his plan and judgment, not a guarantee of approval.
- 0:10:38
Following Up on an App Submission with Shopify Support
A discussion of reaching a human support representative to confirm that an app submission was received and proceed with greater confidence. Going through the support flow was described as creating a timestamped ticket for later reference and adding a human-readable app description to the system.
- 0:19:02
Should You Wait for Review While the App Is Still in Development?
A concern was raised about waiting for the outcome of a submission while the app was still in development, especially because the submission form had asked relatively few questions. The page leaves this as an open question without a confirmed outcome.
- 0:24:07
Fixing Hero-Section Layering
A review of a hero-section opacity issue, with a request to keep the central cards visibly layered above the background effect.
- 0:26:24
Prioritizing the Marketing Flow and Frontend Before Backend Work
The speaker treats finishing the landing page and automating the marketing funnel as the immediate priorities, while noting that backend work remains important and will continue afterward.
- 0:29:43
Agent Workflows Consuming Coding-Assistant Usage
The speaker observes that building agents and running tasks through them consumes the available usage allowance; overlooking that consumption brought the limit close enough to disrupt the workflow.
- 0:31:33
Agent Orchestration and Usage Limits
An explanation of a workflow where each task launches a subagent, with explorer and researcher agents working together during parts of the process. The discussion notes that this pattern can consume sessions or context quickly and make usage limits an obstacle, without exposing private account or actual usage details.
- 0:35:28
Generated Video Backgrounds and a Subtle UI Breathing Effect
A practical explanation of generating a source image with Nano Banana, turning it into a looping video, and using it as a website background, alongside an analysis of a layered fountain-of-light video placed inside a card. The work then refines two green lines with a small, subtle breathing effect, treating them separately after the effect appeared on only one line.
- 0:40:42
Structuring the “Problems We Solve” Cards
Practical direction for arranging three landing-page cards: one primary card about theme development, with two supporting cards side by side below it and videos planned for a later step.
- 0:42:01
Generating Videos Programmatically Instead of Manual Animation
A brief discussion of an unclearly named tool for generating videos programmatically and why that approach seemed preferable to laborious manual animation. Multiple YouTube explanations were mentioned, but the tool’s identity and details are uncertain in the captions.
- 0:44:57
Synchronizing a Breathing Effect Across Two Elements
An implementation note to make two lines animate at exactly the same time, with a stronger synchronized breathing effect applied to both.
- 0:46:21
How AI Tools Differ in Workflow and Reasoning Style
A personal view that Claude and OpenAI differ not only technically but also in how they work and reason; the speaker expressed a preference for Claude’s logic and working philosophy.
- 0:49:19
Improving Landing-Page Quality Through Clearer Direction and Techniques
A practical reflection that landing-page work had stalled because the desired result and suitable techniques were unclear, and that resolving both could improve site quality while reducing implementation time.
- 0:51:52
Presenting the Problem and Solution on a Landing Page
A landing-page section is reconsidered around the conventional pitch pattern of presenting the problem and solution directly. The discussion then narrows to one pain point and asks for an agent prompt to complete its visual treatment.
- 0:55:15
Token Usage in a Multi-Agent Workflow
The speaker traced rapid token consumption to launching multiple research, exploration, and building subagents for each task, judging the workflow excessive despite its strong output. An audience participant agreed that more agents consume more tokens, and the segment ends with an unverified mention of a possible bug that may multiply usage; no confirming test is shown.
- 1:02:51
Creating a Seamlessly Looping Animated Web Background
The speaker explains a workflow that starts by generating an image with Nano Banana and then animating it in Kling, using the same image as both the start and end frame to create a seamless loop. The result can serve as a subtle, non-distracting background effect that gives otherwise static website sections more life.
- 1:05:17
Can a Coding Agent Understand Arabic Instructions?
Responding to a question about English, the speaker says he uses it because the work and AI terminology he knows is in English. He then tries an Arabic instruction and cautiously concludes that the agent appears able to understand Arabic, while the observed mistake came from interpreting an English term within the instruction rather than from Arabic itself.
- 1:14:05
Warp or Cursor: Choosing a Tool by the Kind of Work
The speaker shares a personal preference for Warp as a terminal for running multiple agents and command-line tools together, especially for backend work. For UI and UX tasks, he prefers an IDE such as Cursor because it can display the website inside the development environment. He frames this distinction as an opinion formed from his recent experience.
- 1:18:38
Improving a Gradient Transition Between Page Sections
While reviewing the full page in a browser, the speaker observes that the dark-to-light transition between two sections is not smooth and that the gradient spans too much space. He suggests removing it, making it smoother and more compact, or adding a suitable visual effect, then giving the agent instructions to address those details.
Got a question about something in this stream?
Ask in the group