Burnishing the UI
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 refining Burnish’s landing page so it clearly explains GEO and its value to Shopify merchants, while turning the page into an acquisition funnel that offers a free scan rather than demanding an immediate subscription. Reviews cover the hero, pricing, product explanation, calls to action, and mobile experience, alongside unfinished visual experiments involving WebGL, GSAP, an interactive logo, and a light-reactive grid; several results remained short of the intended design. The speaker argues that clear messaging, a provisional V1 focus on GEO, and one ideal customer profile matter more than endless polish, while acknowledging that scope, pricing, and willingness-to-pay assumptions still require validation. The discussion also addresses Shopify review risks and the need to begin marketing and market validation before approval, since building alone does not ensure merchant acquisition. His Codex and Claude comparisons are explicitly personal: reusable skills and critique sessions may improve the starting point, but they do not replace a clear vision, repeated review, or early checks of repository, branch, and implementation plans. In audience discussions, he advises beginners to build a small personal project with Codex and also covers WebGL, GSAP, usage limits, agents and automation, and the economics of software and dropshipping, presenting tool comparisons and market forecasts as tentative opinions rather than proven findings.
71 moments from the stream
- 0:40:59
How the App Relates to Dropshipping Users
The speaker says he is not currently operating in dropshipping, despite prior experience dating to 2017, but expects people in that field to benefit from the tool he is building.
- 0:41:32
Dividing Roles Between AI Tools
The speaker mentions using Kling for video generation, relying on Codex for the main coding work, and treating Claude more like a consultant. He presents this as a workflow preference shaped by usage considerations, not a definitive objective ranking of the tools.
- 0:42:02
Beginning a Pricing Page Rethink
The speaker turns to the pricing page, says he is dissatisfied with its current form, and wants to try a different direction, though this page does not yet show the new solution in detail.
- 0:42:16
Choosing a Pricing-Page Reference and Testing Willingness to Pay
At the time of the recording, the speaker proposed shortening pricing-page exploration by starting from a suitable reference and improving it, while treating Shopify merchants’ willingness to pay as a market assumption that required validation.
- 0:43:35
Why Dropshipping Economics Can Be Harder Than Software
The speaker argues that product, advertising, and operating costs compress dropshipping’s net margin and demand substantial scale, while software typically offers higher gross margins and more investor appeal. This is presented as the speaker’s experience and opinion, not a universal rule.
- 0:47:15
Briefing a Reversible Interactive Hero Effect
The hero concept uses an invisible background grid revealed by light beams and a large floating 3D logo responsive to pointer and scroll movement. The brief emphasizes isolating the change from other layers and keeping it reversible, with an SVG prototype considered before a cleaner GLB asset once the motion is settled.
- 0:51:45
Protecting UI Experiments with Git Commits and Worktrees
The discussion recommends committing after completing a UI section so later experiments can be rolled back, instead of relying on a coding tool to restore one layer. The speaker said he planned to explore Git worktrees more deeply off-stream; the appropriate granularity for individual sections was not yet settled.
- 0:57:48
Building Is Not Enough: Product Focus and Go-to-Market
The speaker reconsiders moving straight to another project after building a product and argues for doubling down on it and entering the market, because a product will not sell itself.
- 0:59:29
Translating Invisibility into a Light-Reactive Grid and Animated Logo
The hero design translates merchants’ limited market visibility into a grid revealed only by passing light beams. The review calls for smaller, more precise cells that disappear when the beams turn off, alongside an interactive animated logo that follows scrolling. At this point in the stream, the shown result was only an approximation of the intended design.
- 1:03:52
Analyzing Pricing Page Layouts Before Adopting a Design
The discussion considers redesigning the pricing page by comparing reference layouts and adopting a suitable structure, while noting a possible blocker: the current landing-page package lacks the dependencies needed to run a WebGL component in Astro.
- 1:09:11
Choosing WebGL and GSAP for Website Animation
Answering a question about the website stack, the speaker explains moving beyond plain CSS to experiment with WebGL and GSAP for animation needs, while qualifying that his web-technology knowledge is shallow and the choice is tentative rather than definitive.
- 1:10:32
Visual Previewing and the Effect of Context Compaction
The speaker prefers inspecting the result visually before digging into the implementation plan and mentions requesting an SVG preview if needed. He also observes that context compaction during active work can lead to weaker assistant output.
- 1:11:56
Reviewing the Logo Effect in the Interface
The speaker critiques the result because the logo is oversized and remains static behind the text, with no mouse response or floating behavior, so it does not deliver the intended interactive effect.
- 1:12:39
How AI Changed the Software Development Experience
The speaker reflects on the difficulty of building websites line by line before AI tools and compares it with the later autocomplete era. He also attributes to a study, with some uncertainty, the idea that code training helped improve AI models’ broader capabilities.
- 1:13:39
Managing Short-Window and Weekly Usage Limits
The speaker revises his earlier advice, arguing that repeatedly exhausting a short usage window can consume the weekly allowance quickly, so the weekly limit is the more important measure for planning usage.
- 1:16:39
From AI Models to Agents and Automation
The speaker contrasts earlier tools that generated software models from API data with the newer shift toward AI agents, linking their growing usefulness to terminal tools and automation.
- 1:17:29
Simplifying a Text-Heavy Pricing Page
The speaker asks Claude to review a pricing page and decide what should be kept or removed because, in his view, excessive copy weakens the design. He stresses that tools or reusable skills do not replace a clear design vision, then experiments with the grid, its opacity, and its falloff without finding the initial results satisfactory.
- 1:22:44
Redesigning the Pricing Page and CTA
The pricing page is assessed as still too busy and in need of deeper customization, with a simpler brand-aligned header and a centered “Scan your store” call to action proposed.
- 1:26:50
Reusing AI Platform Icons and Their Motion Effect
A page section is proposed to be replaced with the four AI-platform icons already used in the hero, while preserving their existing shuffle animation.
- 1:28:53
Prioritizing Mobile Optimization
The speaker treats mobile optimization as a core priority because a large share of traffic may come from mobile devices depending on the niche, and looks for a mobile-preview option to inspect the design.
Got a question about something in this stream?
Ask in the group