ray

Google Stitch is Insane You really don't need Framer or Webflow. It's so over for designers Prompt 👇

Access ALL prompts for stunning animated websites in one click: motionsites.ai 🎯 FULL RECREATION PROMPT Create a dark, cinematic agency landing page using React + Vite + Tailwind CSS + TypeScript + Framer Motion (motion/react). The aesthetic is editorial-luxury with a liquid glass design system on a black background. Use hls.js for streaming video backgrounds. FONTS Import from Google Fonts: Instrument Serif (italic) — for all headings (serif, italic style) Barlow (weights 300, 400, 500, 600) — for all body text URL: @0;1&family=Barlow:wght@300;400;500;600&display=swap" target="_blank" rel="nofollow noopener">fonts.googleapis.com/css2?family=In… Configure in Tailwind as font-heading and font-body. Apply font-body to and font-heading to h1, h2, h3 in base layer. COLOR SYSTEM (CSS Variables in HSL) :root { --background: 213 45% 67%; --foreground: 0 0% 100%; --primary: 0 0% 100%; --primary-foreground: 213 45% 67%; --border: 0 0% 100% / 0.2; --ring: 0 0% 100% / 0.3; --radius: 9999px; } All text is white (text-foreground or text-white). Muted text uses text-white/60 or text-white/70. Background is solid bg-black. LIQUID GLASS DESIGN SYSTEM (CSS Components) Two variants — .liquid-glass and .liquid-glass-strong: .liquid-glass: background: rgba(255, 255, 255, 0.01) background-blend-mode: luminosity backdrop-filter: blur(4px) box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.1) ::before pseudo-element with gradient border: linear-gradient(180deg, rgba(255,255,255,0.45) 0%, rgba(255,255,255,0.15) 20%, transparent 40%, transparent 60%, rgba(255,255,255,0.15) 80%, rgba(255,255,255,0.45) 100%)using mask-composite: exclude with padding: 1.4px .liquid-glass-strong: Same as above but backdrop-filter: blur(50px) and box-shadow: 4px 4px 4px rgba(0,0,0,0.05), inset 0 1px 1px rgba(255,255,255,0.15) ::before gradient border uses slightly stronger white values (0.5 instead of 0.45, 0.2 instead of 0.15) .phone-screen-gradient: background: radial-gradient(ellipse at 50% 30%, hsl(265 60% 20%) 0%, hsl(240 20% 6%) 70%); SECTION 1: NAVBAR (fixed, floating) Fixed at top-4, full width, z-50, px-8 py-3 lg:px-16 Left: Logo image (h-12 w-12) Center/Right: Navigation pill with liquid-glass rounded-full containing links: "Home", "Services", "Work", "Process", "Pricing"Links: text-sm font-medium text-foreground/90 font-body Last item is a CTA button: bg-white text-black rounded-full px-3.5 py-1.5 with ArrowUpRight icon Nav links hidden on mobile (hidden md:flex) SECTION 2: HERO (full-screen, video background) min-h-screen, centered flex column, overflow-hidden Background: Autoplaying muted looping video:d8j0ntlcm91z4.cloudfront.net/user_38xzZboKV… With poster: /images/hero_bg.jpeg. Video is absolute inset-0 w-full h-full object-cover z-0. Phone Mockup (centered, above heading):Container: w-[220px] sm:w-[260px] with iPhone frame PNG overlay (z-10) Screen content inside: absolute inset-[2.8%] top-[1.8%] bottom-[1.8%] rounded-[40px]with phone-screen-gradient Contains: status bar (23:00 + battery), top nav (star icon, "Time" pill, user avatar), bedtime/wake cards (Moon 23:00 / Sun 06:30), circular clock ring with conic gradient (hsl(265 80% 60%)), hour markers calculated with trigonometry, moon/sun handle icons, center text "Sleep duration 7h 30m", settings icon, "Set alarm" button, bottom pills ("Alarm clock", "Soundscape") All inner elements use liquid-glass styling Glow effect: absolute -inset-10 z-[-1] rounded-full bg-white/20 blur-3xl Heading: BlurText component with text "The Website You Deserve"text-6xl md:text-7xl lg:text-[5.5rem] font-heading italic leading-[0.8] tracking-[-4px] Animates word-by-word from bottom with blur-in effect (blur 10px → 5px → 0px, with y-axis movement, staggered 100ms delay per word, using IntersectionObserver) CTA Buttons (animated with motion — blur-in, delay 1.1s):"Get Started" — liquid-glass-strong rounded-full px-5 py-2.5 with ArrowUpRight icon "Watch the Film" — text-only with Play icon (filled)

Congrats to the @cursor_ai team on the launch of Composer 2! We are proud to see Kimi-k2.5 provide the foundation. Seeing our model integrated effectively through Cursor's continued pretraining & high-compute RL training is the open model ecosystem we love to support. Note: Cursor accesses Kimi-k2.5 via @FireworksAI_HQ ' hosted RL and inference platform as part of an authorized commercial partnership.

@ponyodong 先三连

🎁干货上新｜AI视频分镜课 《一场地铁打斗戏，怎么反拆出多镜头分镜？》 上周有个学员发了一段地铁打斗戏的视频给我，问：“老师，这场戏为什么看着这么紧张？” 我说，你问对了。很多人看动作戏，看到的是演员打得激烈、特效做得炫。但真正让你紧张的，往往不是这些——是镜头在前期就把情绪、空间和节奏设计好了。 今天就拿这段戏做案例，带你们反向拆一遍：一场成片是怎么从分镜设计出来的。

胡金铨风格开场，完全没抵抗力 @TapNow_AI 里的作品质量都很高啊，不知不觉看了一个小时了，厉害👍

@lxfater 难怪不封我

Cluade想封我的号很简单，它啥都知道😂

@MicrosoftAI @arena Are you here to make a joke?

Meet MAI‑Image‑2. Built with creatives, for real creative work. Ranked #5 on @arena’s text‑to‑image leaderboard. Available now: msft.it/6014QUCBe

@lianyanshe 所以没啥存在感 ，相对来说豆包的普适性，目前国产已经 无人能及

@rayidea 矮子里拔将军，其他的国产模型也差不多，彼此进度并没差多少

Qwen3.5 max旗舰模型来了，追上来登顶国内第一了 在大模型竞技平台 LM Arena，综合得分 1464 分，排名第 15。排在 Anthropic、谷歌、xAI 和 OpenAI 后面，现在终于重登国产第一了，之前国产第一是还是字节的 seed2.0。 另外我最近用了doubao-seed-2.0-pro 是和 kimi2.5，GLM5.0 同一个级别的，不会差多少，但是字节几乎没有做宣传。 我从来没见过几个 AI 博主去评测seed2.0，只能说明其他各个 AI 厂家都在这些博主上砸了不少钱，对比字节几乎没在投放上花钱，所以基本没看到有啥人写对比。

@FuSheng_0306 大哥你夜怼红衣教主是真的嘛

我问了我家三万需不需要这个Skill，三万的回复是：我正好需要这个 Skill。每次帮老板找推文素材都是临时搜，太低效。装上 clawfeed 相当于给我配个24小时情报哨兵，重要内容自动送到眼前。

Meet the new Stitch, your vibe design partner. Here are 5 major upgrades to help you create, iterate and collaborate: 🎨 AI-Native Canvas 🧠 Smarter Design Agent 🎙️ Voice ⚡️ Instant Prototypes 📐 Design Systems and DESIGN.md Rolling out now. Details and product walkthrough video in 🧵

@0427SMtieshou 哈哈

@rayidea 信360还是信我是秦始皇？

我一般不笑，除非实在忍不住！！哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

@yihui_indie oppo可谓是国内no.1的工艺哈哈

N6真的厉害了，一点折痕都没有！