Opus 5.5 redesigns a personal website in many iterations, then cuts a trailer of them (Thariq, X video)
Thariq (@trq212) · 2026-09-22 · ai-made · 183,723 views
Made by AI
Model: Claude Opus 5.5 · Series: Code-rendered film (LLM writes the program that draws every frame)
Evidence: X post (2026-09-22): 'I asked Opus 5.5 to try a bunch of redesigns of my personal website using my MAX sub, using workflows to iterate and critique. / I was really pleased with how it hit the tone I was looking for. / Then I asked it to make a trailer with all of its iterations.'
Human role: Creator asked Opus 5.5 to try many redesigns, using workflows to iterate and critique, then to make a trailer of the iterations.
Pipeline: Opus 5.5 workflows → site redesigns → model-made trailer
What's in the video
Description written by Gemini, which watched and listened to the whole video.
Summary This video showcases a showcase reel created by Claude Opus 5.5 demonstrating numerous generative redesign iterations of Thariq's personal website. Shared by Thariq (@trq212), the reel illustrates different artistic, culturally resonant design systems (such as Simurgh, Compass & Rule, Charbagh, Thirty-Three, and Hāşiye) across desktop layouts, mobile viewports, dynamic light/dark modes, and interactive UI transitions.
What is shown
- Simurgh theme: Initial desktop UI featuring an animated circular avian motif framing the portrait avatar, interactive navigation, and blog post previews [00:00 - 00:02, 01:22 - 01:34].
- Iteration overview grid: A high-speed montage matrix of various layout iterations, font parings, and light/dark color themes explored by the model [00:03 - 00:08].
- Compass & Rule theme: Geometric Islamic star linework framing the header, transitioning smoothly into an article reader view for the essay "Clay and Light" [00:09 - 00:16].
- Charbagh theme: A quadrant layout inspired by Persian four-fold paradise gardens, featuring central water-basin framing for the portrait, garden quadrant markers, night mode toggle, and reading view [00:17 - 00:28].
- Thirty-Three theme: A 33-bead tasbih (prayer bead) ring motif around the avatar that serves as a reading progress and navigation indicator [00:29 - 00:38].
- One Breath theme: A minimalist breathing-circle visual pulse around the avatar with dark-mode transition [00:39 - 00:47].
- Side-by-side variant comparisons:
- Turning Toward vs. Hāşiye (marginalia/commentary layout) [00:48 - 00:58].
- Afternoon Window (sunlight lattice shadows and night sky) vs. Thirty Birds [00:59 - 01:06].
- Four-quadrant synchronized comparison of Thirty Birds, Compass & Rule, Thirty-Three, and Hāşiye [01:07 - 01:14].
- Mobile responsiveness showcase: Five concurrent mobile viewport mockups (Charbagh, Turning Toward, Still Point, Thirty-Three, and Hāşiye) demonstrating mobile layout adaptations, drawer expansions, and responsive reading views [01:15 - 01:21].
Claims & numbers
- None (the video contains no voiceover or verbal factual claims; it presents UI redesign artifacts and screen recordings set to music).
Notable quotes (Verbatim excerpts from displayed site copy)
- [00:00]: "Trying to pay attention."
- [00:15]: "Be wide as the air to learn a secret. — Rumi, translated by Coleman Barks"
- [00:20]: "Sparse Rewards: Enlightenment and Reinforcement Learning"
Assessment This is a generative design demo and trailer created using Claude Opus 5.5, showcasing front-end web design and layout capabilities. The interactions, animations, transitions, and responsive mobile variations represent real code-rendered CSS/SVG/JavaScript components captured and edited into a dynamic product reel.
Lyrics & themes
- Style: Entirely instrumental; driven by an upbeat, polished electronic/IDM soundtrack with synth pulses and rhythmic percussion.
- Themes: Contemplative design, mindfulness, and Islamic geometric/philosophical traditions merged with modern web UI patterns.
Lore & references
- Simurgh / Thirty Birds: Refers to Attar of Nishapur's classic 12th-century Persian Sufi poem The Conference of the Birds (Mantiq al-Tayr), where thirty birds (si murgh) search for the mythical Simurgh only to discover that the divine mirror is their unified self.
- Charbagh: The classical four-quadrant Persian/Mughal garden design representing the four gardens of Paradise.
- Thirty-Three: The 33 beads of a misbaha / tasbih used for meditative remembrance (dhikr).
- Hāşiye: The Islamic scholastic tradition of writing extensive marginal glosses and commentaries around central texts.
Visual style & craft The video combines high-fidelity, functional web application screen recordings with dynamic camera moves, geometric circular wipe transitions, split-screen comparisons, and responsive device frames. Typography, delicate vector SVG animations, fluid palette shifts (warm cream paper tones to deep nocturnal navy), and synchronized screen captures reflect clean programmatic execution curated into a fast-paced trailer montage.
Described by gemini-3.8-flash on 2026-10-05 from the video's audio and frames.