Cristian Domínguez Rein-Loring (@Kripstian) header
Cristian Domínguez Rein-Loring (@Kripstian) profile picture

Emmy winner | Tech lead @RealityLabs | Building Agentic AI systems | Passionate about the future of entertainment | Spaniard in Los Angeles | Dog dad

Santa Monica, CA
Joined December 2009
Photo by Cristian Domínguez Rein-Loring (@Kripstian)Photo by Cristian Domínguez Rein-Loring (@Kripstian)Photo by Cristian Domínguez Rein-Loring (@Kripstian)Photo by Cristian Domínguez Rein-Loring (@Kripstian)Photo by Cristian Domínguez Rein-Loring (@Kripstian)Photo by Cristian Domínguez Rein-Loring (@Kripstian)Photo by Cristian Domínguez Rein-Loring (@Kripstian)Photo by Cristian Domínguez Rein-Loring (@Kripstian)Photo by Cristian Domínguez Rein-Loring (@Kripstian)Photo by Cristian Domínguez Rein-Loring (@Kripstian)
I have worked with tentpole artists to broadcast their music live in virtual reality for the last few years, but I don't post much about it. Here's a thread with some of the shows I'm most proud of 🧵🔽
1
1
8
Cristian Domínguez Rein-Loring retweeted
1/ We introduce TrackEverything: a 3D point tracker that tracks all points across all frames of long videos (1000+ frames). Our key idea is to tie computation to unique 3D scene content rather than redundant 2D pixels in a video. trackeverything.github.io
25
183
14
1,659
140,252
Cristian Domínguez Rein-Loring retweeted
We just open-sourced motion graphics templates. Each loop is about 30 lines of code your agent can rewrite in your brand colours. > seamless 12-second backgrounds: depth, lines, dots, shapes > click a loop to open its code as one HTML file > a skill your agent uses to design new ones Comment "MOTION" and I'll send you the library.
528
189
4
2,155
77,466
Cristian Domínguez Rein-Loring retweeted
introducing muse wonder our new frontier model. state-of-the-art at personal agents and professional agents. our largest and most capable model yet—rivals the big bois
515
681
377
10,070
2,773,002
Cristian Domínguez Rein-Loring retweeted
Can't describe the scroll animation you want? Save 𝘁𝗵𝗲𝘀𝗲 𝟭𝟬 𝘁𝗲𝗿𝗺𝘀 and give them straight to Opus 5.5: → Scroll-triggered: an animation plays once as an element scrolls into view, like a fade-in or a slide up → Scroll-linked: the animation's progress follows your scrolling, and scrolling back plays it in reverse → Parallax: foreground and background move at different speeds, which adds depth → Sticky: an element sticks to the screen at a certain point while everything else keeps scrolling, like a nav bar or section headers → Pin: a whole section locks in place while its content changes step by step as you scroll, then lets go when it's done → Scroll Snap: when you stop, it lines up with the nearest screen or card → Horizontal Scroll: you scroll down, the content moves left → Stagger: a group of cards comes in one after another → Text Reveal: a paragraph lights up word by word as you scroll → Progress Bar: a line at the top grows as you scroll, showing how far you've read To use them on 𝘆𝗼𝘂𝗿 𝗼𝘄𝗻 𝘀𝗶𝘁𝗲, send this to Opus 5.5 👇 "Read the web pages in my current project. If there are several pages, ask me which one to change first. Pick from these 10 scroll effects and add them where they fit: Scroll-triggered, Scroll-linked, Parallax, Sticky, Pin, Scroll Snap, Horizontal Scroll, Stagger, Text Reveal, Progress Bar. Put any effect I name exactly where I say. 1. First give me a table: which section, which effect, and why. List the sections where nothing fits too, and don't add effects just to have them. If you're unsure, build a separate preview page that tries the candidate effects on my content. If you can open a browser, take a screenshot of the page before any changes. 2. Change nothing until I confirm. If the project already uses an animation library, stick with it; otherwise prefer CSS. Animate only transform and opacity. Use Scroll Snap only inside a local container. Make it responsive on phones and tablets, for example by turning horizontal scroll into a vertical stack and toning parallax down. For users with reduced motion turned on (prefers-reduced-motion), or in browsers that don't support scroll animations, skip the animation and just show the content. 3. When you're done, scroll from top to bottom at desktop and phone widths and check that nothing covers the content and nothing overflows sideways. If you can take screenshots, give me the after shots; if you can't, tell me which spots to check by hand."
Claude Code tip: before you ship a vibe-coded site, have Opus 5.5 send out 𝟱 𝘀𝘂𝗯𝗮𝗴𝗲𝗻𝘁𝘀 to check 𝘁𝗵𝗲𝘀𝗲 𝟮𝟬 𝘁𝗵𝗶𝗻𝗴𝘀, then fix them all in one pass: Consistent design → Write a DESIGN.md first, and make every color, font size, spacing and corner radius follow it → Keep the palette restrained and the type hierarchy clear → Make every button, card and input of the same kind look alike → Too flat? Add emphasis. Too crowded? Cut → Keep text readable on both dark and light backgrounds On mobile → No sideways scrolling, and nothing spilling off the screen → Add a mobile menu → Make buttons big enough to tap → Keep the layout intact when the text is enlarged Every state → Give loading, empty and error states a proper screen → Give every button feedback, with its own hover, pressed and disabled look → Show form errors right where they happen, plus submitting, success and failure messages → Add transitions to modals, dropdowns and tab switches Use it like a real user → Click through the core flows, like sign-up and checkout, from start to finish → Find buttons that do nothing and links that are broken → Make sure the whole thing works with just a keyboard Before launch → Say what you do in one line on the home page → Give each page one main button you want people to click → Give every page a title, a description and a favicon → Delete all placeholder text For effort, follow Anthropic's cost guide from yesterday: medium is for well-scoped daily work. The default medium is enough for these 20 fixes; raise it for the harder ones. Thariq tested it: turning effort up mostly buys more verification and edge-case testing. Send this whole post to Claude Code. If you need to, add this line at the end 👇 "Send one subagent per group to check it without editing anything. Then fix everything yourself from their lists, so no two agents edit the same file. If a group is more complex, raise that subagent's effort. Show me the list of issues first, don't change anything until I confirm, and when you're done, give me before-and-after screenshots."
1
24
302
15,705
Cristian Domínguez Rein-Loring retweeted
Make your next UI look 10x better with these component libraries: Annnimate annnimate.com/animations UseLayouts uselayouts.com/ Arc UI uiarc.dev/ Kobra Systems kobra.systems/ Bencho bencho.dev/ HyperUIX vault.hyperiux.com/ Libraries Dev libraries.dev/ BeUI beui.dev/ BeautifulUI beautifului.dev/ UI Maxxing uimaxx.ing/
11
69
3
667
43,106
Cristian Domínguez Rein-Loring retweeted
🚨 MUSE ECOSYSTEM ALERT 🚨 today we are announcing Muse Gadgets! this is an open-source ESP32 firmware and Linux SDK for anyone to make hardware that works with Muse we are also releasing our own gadget—Muse Home Link—to enable your muse to work with your smart devices (TV, speakers, etc.)
478
675
413
8,279
966,758
Cristian Domínguez Rein-Loring retweeted
If you’re a designer, bookmark this. 1. reelfolio.io — Showcase your best creative work in a simple, beautiful portfolio. 2. inspora.design — Discover the best design inspiration shared by designers on X. 3. 60fps.design — Mobile app animations, transitions, and micro-interactions worth bookmarking. 4. cta.gallery — Find inspiration for better, more effective website CTAs. 5. Posts.design — Explore creative social media posts and visual content for inspiration. 6. navbar.gallery — Discover creative navbar and navigation designs from real websites. 7. icon.museum— Explore a curated collection of beautifully designed icons. What did i miss?
30
214
4
1,654
79,264
Cristian Domínguez Rein-Loring retweeted
Liftoff of Starship's first orbital flight
1,320
7,529
1,667
55,324
7,606,354
Cristian Domínguez Rein-Loring retweeted
20 UI resources every design engineer should have bookmarked. Save this 🔖 1. Scrolltide (scrolltide.co) - 300+ animated components and full site prompts, and every single one ships with the complete build prompt behind it. Spiral sliders, morph cards, 3D scenes, scroll-driven sections. - Copy the prompt, paste it into Claude or Cursor, get the component live. -Personal and client use, full source included, new drops weekly. 2. shadcn/ui (ui.shadcn.com) — the gold standard for copy-paste React 3. Aceternity UI (ui.aceternity.com) — 200+ animated React/Tailwind 4. Magic UI (magicui.design) — drop-in animated components 5. Motion Primitives (motion-primitives.com) — advanced UI interactions 6. Uiverse (uiverse.io) — thousands of open-source elements 7. 21st.dev — component registry that plugs into agents via MCP 8. UIAble (uiable.com) — expands the shadcn ecosystem 9. mapcn (mapcn.dev) — map components for React 10. MicroKit UI (microkit.co) — micro-interactions for buttons and inputs 11. Liquid Glass (glass.samasante.com) — glass refraction components 12. Kinetics (kinetics.colorion.co) — 150+ motion effects with code 13. Theatre.js (theatrejs.com) — expressive web animation 14. Anime.js (animejs.com) — lightweight DOM animation 15. Spline (spline.design) — 3D in the browser, exports to React 16. Unicorn Studio (unicorn.studio) — interactive web effects 17. Component Gallery (component.gallery) — 2,600+ examples of the same element solved 18. Navbar Gallery (navbar.gallery) — hundreds of navigations 19. CSS Text Effects (text-effects.colorion.co) 20. 3Dicons (3dicons.co) — open-source 3D icons
25
194
6
1,467
73,197
Cristian Domínguez Rein-Loring retweeted
I've tested every vibe coding resource I could find this year. These are the 28 I actually kept, grouped by what you're stuck on. Bookmark this one 🔖 🧵👇 1. scrolltide.co - 200+full build prompts for 3D and scroll-driven sites, each one a complete design brief rather than a component you drop in. 2. Minimal Gallery (minimal.gallery) — curated high-end sites to feed your agent 3. Kage (kage.design) — real UI inspiration mapped straight to prompts 4. Refero Styles (styles.refero.design) — 2,000+ real product styles with typography 5. Component Gallery (component.gallery) — 2,600+ examples of how top design systems solve the same element 6. AppShot Gallery (appshot.gallery) — real app screenshots for mobile 7. Navbar Gallery (navbar.gallery) 8. Footer Design (footer.design) 9. CTA Gallery (cta.gallery) — conversion-tested forms, popups, buttons 10. 404s (404s.design) 11. DESIGNmd (designmd.ai) — design systems as markdown your agent can read 12 VibePrompt (vibeprompts.dev) — ready-made prompts for dashboards and landing pages 13. 21st.dev — component registry that plugs into agents via MCP 14. Kinetics (kinetics.colorion.co) — 150+ motion effects with React code and prompts 15. shadcn/ui (ui.shadcn.com) — still the gold standard 16. Aceternity UI (ui.aceternity.com) — 200+ animated React/Tailwind 17. Magic UI (magicui.design) 18. Motion Primitives (motion-primitives.com) 19. Uiverse (uiverse.io) 20. UIAble (uiable.com) 21. mapcn (mapcn.dev) — map components, markers, routes, popups 22. MicroKit UI (microkit.co) — micro-interactions 23. Liquid Glass (glass.samasante.com) — glass refraction components 24. CSS Text Effects (text-effects.colorion.co) 25. Circle Loaders (circleloaders.dominikakissi.…) 26. Gradient Buttons (gradientbuttons.colorion.co) 27. Kitbitz (kitbitz.art) — 2,000+ hand-drawn illustrations 28. 3Dicons (3dicons.co) 29. Anime.js (animejs.com)
40
477
21
3,948
591,918
Cristian Domínguez Rein-Loring retweeted
Been testing Claude Opus 5.5 for Google Ads since it dropped and gotta say this model is cracked... (Can’t believe they beat Fable 5.1 on EVERY benchmark and priced it at half the cost.) So here's a 10-stage AI workflow to automate 80% of your Google Ads with it: (Literally every prompt you'll need. Save this) Stage 0: Build the project brain Before asking for anything, create a Claude Project and feed it everything. - Product pages - Best sellers - Customer reviews - Objection docs - Competitor URLs - Meta ads - Google Ads Transparency Center links - Search terms reports - Winning ad copy - Offer details - Brand guidelines - Past landing pages - Performance exports Then run this prompt: "Act as the Google Ads strategy brain for this brand. Read all uploaded context and create a working brand profile covering: ICP, core pain points, buying triggers, objections, emotional language customers use, top products, strongest offers, competitor positioning, current funnel gaps, and Google Ads opportunities. Do not make recommendations yet. First summarise the context and ask me what is missing." The quality of the outputs you'll get from this AI workflow will directly correlate with the quality of the context you give it here. And Opus 5.5 makes this the cheapest it's ever been to run because they made this model forget way less context than what it used to. Stage 1: Customer language mining "Search Reddit, YouTube comments, Amazon reviews, TikTok comments, and niche forums for people discussing problems related to [PRODUCT CATEGORY]. Extract the exact words they use when describing the problem, what they have tried, why those solutions failed, what outcome they want, and what would make them buy. Format this as: Quote / Pain Point / Desired Outcome / Funnel Stage / Possible Ad Angle." This gives you the language that keyword tools would never show you. If someone writes: "I'm tired of wasting money on supplements that do nothing." That can be a winning ad angle right there. (And research is where 5.5 quietly embarrasses everything else. It surpasses every Mythos class model somehow.) Stage 2: Competitor angle map "Research these competitors: [COMPETITOR 1], [COMPETITOR 2], [COMPETITOR 3]. Use Google Ads Transparency Center, Meta Ad Library, their landing pages, product pages, offers, guarantees, reviews, and email capture flows. Build a table showing: offer, main promise, ad hooks, landing page angle, proof used, objections handled, pricing position, and what they are NOT saying." Then run: "Based on this competitor research, identify the 5 most validated market angles and the 5 biggest white-space angles we can own. For each angle, explain which funnel stage it belongs to and what campaign type should test it first." If 3 competitors are all running the same hook, that angle is validated. You don't even need to be original. Just add your unique spin to what's already working. Stage 3: Keyword research "Using the customer language, competitor research, product pages, and search intent data, build a full Google Ads keyword universe for [BRAND]. Split it into: branded, competitor, high-intent product, problem-aware, solution-aware, comparison, ingredient/material, use-case, gift/occasion, and negative keywords. For each keyword, include funnel stage, intent level, match type, campaign/ad group recommendation, and landing page angle." Then run: "Now prioritise this keyword research report into a 30-day launch plan. Separate must-launch keywords from phase 2 tests. Flag any keywords that are high volume but low commercial intent." This stops the campaign from becoming a messy keyword dump. Stage 4: Campaign architecture "Turn the finalized keyword research report into a complete Google Ads account structure. Include campaign names, ad group names, keyword match types, bidding strategy, starting budget split, exclusions, negative keyword rules, and when each campaign should launch. Use this structure: branded search, branded shopping, non-branded shopping, non-branded search, competitor search, PMax remarketing with brand exclusions, display remarketing, Demand Gen, and TOF search tests." Then add: "Explain why each campaign exists, what signal it is meant to produce, and what metric decides whether it scales, holds, or gets cut." Every campaign needs to play a role in your ecosystem. If it doesn't, you should just stop running it. Stage 5: RSA copy production "Write responsive search ad copy for [PRODUCT] targeting [KEYWORD]. Funnel stage: [BOF/MOF/TOF]. Use the customer language and competitor gap analysis above. Give me 15 headlines under 30 characters and 4 descriptions under 90 characters. Include: benefit-led headlines, problem-led headlines, proof-led headlines, offer-led headlines, and urgency-led headlines. Make sure headline 1 matches the search intent." Then run: "Create 3 ad variations for this keyword: one direct-response version, one proof-heavy version, and one problem-agitation version. Explain which audience each variation is for." BOF copy should sound like the product is the obvious answer. MOF copy should make the benefit feel believable. TOF copy should make the problem impossible to ignore. This is the stage where 5.5 earns its keep btw. Anthropic rebuilt how it writes: no jargon, no idiosyncratic AI phrases, and it FOLLOWS the writing rules you give it. It really writes the way you do. Give it your banned words list once and your ads stop needing the de-AI editing pass. Stage 6: Merchant Center feed optimization "Rewrite this product title for Google Shopping using the structure: Brand + Product Type + Core Keyword + Key Feature + Use Case/Benefit. Stay under 150 characters. Give me 10 variations ranked by likely search intent." Then: "Write a Merchant Center description for [PRODUCT]. Use up to 5,000 characters. Include all relevant buyer keywords naturally, cover features, benefits, use cases, materials/ingredients, sizing/specs, objections, and reasons to choose this product. Do not include irrelevant keywords or products we do not sell." Then: "Audit this product feed for missed Google Shopping opportunities. Check title, description, product type, Google product category, images, variants, pricing, promotions, shipping, reviews, and attributes. Tell me exactly what to change." Stage 7: Landing page angles "Build a landing page brief for [PRODUCT] targeting people searching [KEYWORD]. Awareness stage: [PROBLEM-AWARE/SOLUTION-AWARE/PRODUCT-AWARE]. Structure it as: hero headline, subheadline, proof bar, problem section using customer language, mechanism section, product section, comparison section, reviews, objection handling, FAQ, CTA. Make sure the first screen matches the search query." Then run: "Create 5 landing page angle variations for this product based on different search intents. For each one, give me the hero, core promise, proof required, objections to handle, and CTA." Send the best one into Claude Code. Now you have an intent-specific page created instead of 1 generic PDP trying to convert everyone. And the pages come out looking GOOD - both design and copywise. Stage 8: Creative production Connect Higgsfield MCP inside Claude. Then run: "Create a 9-shot YouTube ad concept for [PRODUCT] based on this angle: [ANGLE]. Style can be claymation / UGC / cinematic product demo. For each shot, include scene description, voiceover, on-screen text. Use GPT Images 2.0 for the statics." Then: "Create 5 new creative concepts from the strongest customer pain points in the research. Each concept should include hook, visual metaphor, script, image prompts, animation prompts, and CTA." If you wanna run video ads, animate your statics with Seedance 2.5 Use Opus 5.5 to write the scripts. Voiceovers read human now, not like a LinkedIn post. Shouldn't cost more than $3 per ad. Stage 9: Daily campaign audit Connect Google Ads MCP (or just export report CSV) Then run: "Pull the last 7 days of Google Ads performance and compare it to the previous 7 days. For each campaign show spend, revenue, ROAS, conversions, CPA, CPC, CTR, impression share, search lost IS rank, search lost IS budget, and top search terms. Flag: ROAS down 20%+, CPA up 20%+, budget-limited winners, rank-limited campaigns, branded leakage in non-branded campaigns, wasted spend queries, and products spending with no conversions." Next up: "Turn this audit into an action list. For each action, include the campaign, issue, evidence, recommended change, risk level, and expected impact." Stage 10: Weekly scaling plan "Compare performance across 7, 14, and 30-day windows. Identify campaigns, products, keywords, ads, and landing pages with consistent green signals. Recommend which budgets to increase by 15-20%, which to hold, which to decrease, and which tests to launch next. Do not recommend scaling anything unless the signal is consistent across multiple windows." Then: "Create next week's testing roadmap. Include 3 keyword tests, 3 creative tests, 2 landing page tests, 2 feed tests, and 1 campaign structure test. Rank them by expected impact and implementation difficulty." And 5.5 is the model I trust most running this unattended. Anthropic's behavioral audit scored it their safest model to date, way less likely to take hard-to-reverse actions than anything before it. Exactly what you want from the thing reading your account every morning. And this is how you get your full ecosystem set up: - Research feeds keywords - Keywords feed campaigns - Campaign data feeds landing pages - Landing pages feed creative - Creative feeds new angles - Audits feed the next week of tests A better brain than Fable 5.1, a smaller bill, and copy that ships without the AI smell. (If you want me to build this full AI Google Ads production system for your brand btw, DM me "OPUS" and I'll show you what it'd look like)
Introducing Claude Opus 5.5, the first model in our new Claude 5.5 family. It performs at the level of Claude Fable 5.1 for most tasks, and costs 40% less to run than Opus 5.
42
41
2
900
193,638
Cristian Domínguez Rein-Loring retweeted
If HR asks about your expected salary, never say: 50,000 50,000-70,000 50,000-100,000 Instead say:
219
1,708
57
18,557
13,860,868
Cristian Domínguez Rein-Loring retweeted
Muse for Mac is out today! It works across apps, files, calendar, notes, and messages on your computer. You control what it can access. The team is shipping fast. Download at ai.meta.com/muse/download
950
569
249
9,362
968,141
Cristian Domínguez Rein-Loring retweeted
📢GaussianGPT: autoregressive 3D Gaussian scene generation. We introduce a GPT-style model that directly generates 3D Gaussian scenes, token by token, in a series of small, discrete decision steps. Generation, completion, and large-scale outpainting in a single pipeline. Unlike diffusion-based approaches, GaussianGPT explicitly models the scene distribution at every step, allowing for quite flexible scene synthesis. 🌐 nicolasvonluetzow.github.io/… ▶️ youtu.be/zVnMHkFzHDg Great work by @nicolasvluetzow, @barbara_roessle, @katha_schmid
35
287
16
2,313
152,841
I grew up in Spain hearing: you don’t need to know everything, just who to call. America felt more like: go figure it out yourself. AI is changing that. When answers become abundant, the real advantage shifts to judgment, taste, and execution.
3
87
Attended an OpenClaw meetup in Koreatown this weekend. The energy in the room reminded me of my first trips to Silicon Valley ten years ago; a bunch of people building things that don't fully exist yet, sharing setups, genuinely excited. Haven't felt that in a while.
1
98