ServBay retweeted
Gemini 4 Argon is now globally available.
Built to solve your hardest problems from start to finish, the model brings frontier capabilities across coding, enterprise workflows, and cyber defense.
ServBay retweeted
## dante's AI News
1. GitHub added Kimi K2.7 Code to Copilot as its first open-weight model option in the model picker. It is rolling out first to Pro, Pro+, and Max users in VS Code, with Business, Enterprise, and more surfaces coming later.
github.blog/changelog/2026-0…
2. Claude Code v2.1.198 is a big agent workflow release: Claude in Chrome is now generally available, background agents can notify when they need input or finish, completed worktree agents now commit, push, and open draft PRs, and transient network drops retry instead of killing the turn.
github.com/anthropics/claude…
3. Google Cloud shipped AlloyDB AI function upgrades for running Gemini-style processing inside the database. The important bit is smart batching: Google says internal tests reached up to 2,400x faster processing, around 10,000 rows/sec, compared with row-at-a-time LLM calls.
cloud.google.com/blog/produc…
4. Google also released a Workbench Notebooks extension for VS Code, letting ML developers connect local notebooks to managed Google Cloud Workbench instances without leaving the IDE. It is open source and designed to reduce the local-to-cloud context switch.
developers.googleblog.com/ml…
5. Meta published a detailed AI storage architecture write-up. The useful takeaway: storage bottlenecks are now a direct GPU-utilization problem, and Meta is moving modern training stacks toward BLOB storage on top of its Tectonic block layer to improve training throughput and research velocity.
engineering.fb.com/2026/07/0…
6. Sean Goedecke argues that text AI watermarking will remain easy to remove because text is too compressed a medium for invisible, durable marks. The piece is especially timely because EU AI Act detectability rules start becoming enforceable in August 2026.
seangoedecke.com/text-ai-wat…
7. MarketFish is a new open-source multi-agent market simulation engine. Instead of asking one model whether a product will work, it simulates 128+ AI consumers across 30 rounds, with budgets, memory, recommendations, stress, and willingness-to-pay signals.
github.com/Key-wxh/market-fi…
8. Google Health API now has an open-source CLI called ghealth. It wraps Google Health API v4 as a single Go binary, exposes 40 verified data types as structured JSON, and is clearly built for agents that need sleep, heart-rate, steps, and other Fitbit-era health data in context.
marktechpost.com/2026/07/02/…
9. Pixso launched AI Smart Design, an AI UI generator/editor built directly into the Pixso canvas. The pitch is less tool switching: teams can generate, edit, annotate, and hand off component-based UI inside the same design environment.
prnewswire.com/news-releases…
10. @shao__meng surfaced Emil Kowalski's design-engineering skills for coding agents: animation judgment, review checklists, and vocabulary that helps turn vague requests like "make it pop" into precise motion language. Useful direction for anyone trying to make AI-built UI feel less generic.
teapawt.net/shao__meng/status/2072…
Follow me for more daily AI, dev tools, and product design signals. Tap my profile for the next digest.
Skills for Design Engineers
作者 @emilkowalski 是知名设计工程师,曾在 Vercel、Linear 工作,也是 Sonner、Vaul 等流行组件的创建者。他把多年积累的一套 UI/动画原则,沉淀成设计工程师们的设计品味 Skills,让 Codex、Claude Code、Cursor 等 Coding Agents 在写 UI 和动画时,具备接近资深设计工程师的审美判断!
github.com/emilkowalski/skil…
仓库结构:三个相互补充的 Skills
1. 先建立决策框架(emil-design-eng)
主 Skill:设计工程哲学 + 动画决策框架 + 组件构建原则
2. 再审查代码(review-animations)
· SKILL.md 以严格标准审查动画/动效代码,输出“Before/After/Why”表格
· STANDARDS.md 评审的数值/曲线参考表(easing、duration、spring 等)
3. 最后帮助用户精准描述动效(animation-vocabulary)
词汇表:把“那个弹一下的效果”翻译成“Pop in”等专业术语
核心主张:动画不是“让它动起来”,而是“让它感觉对”
1. 动画需要理由
每条动画都必须回答一个问题:“它为什么要动?”
合理理由:
· 空间一致性(toast 从同一方向进出)
· 状态指示(按钮变形表示加载完成)
· 解释关系(引导用户理解状态变化)
· 防止突兀(元素突然出现/消失)
· 反馈(按下按钮时 scale(0.97))
不合理理由:
· “看起来很酷” + 高频出现 → 应该删除
2. 按使用频率决定动画强度
· 每天 100+ 次(快捷键、命令面板):禁止动画
· 每天几十次(hover、列表导航):删除或大幅简化
· 偶尔(弹窗、抽屉、toast):标准动画
· 罕见/首次( onboarding、反馈):可以适当“惊喜”
最实用的技术原则
Easing:不要信默认,要用强曲线
· UI 元素进入/退出 → ease-out
· 已在屏幕上的元素移动 → ease-in-out
· hover / 颜色 → ease
· 恒速运动 → linear
· 绝对禁止 UI 动画使用 ease-in(开头慢,用户会感觉到延迟)
Duration:UI 动画控制在 300ms 内
· 按钮按下反馈:100–160ms
· Tooltip / 小弹层:125–200ms
· 下拉框/选择器:150–250ms
· 模态框/抽屉:200–500ms
Physical correctness
· 永远不要从 scale(0) 开始:现实中不会凭空出现。用 scale(0.95) + opacity: 0。
· Popover 从触发点缩放:transform-origin 要指向触发按钮,而不是元素中心(modals 例外)。
· 按钮按下必须有反馈:transform: scale(0.97) 是默认。
性能规则
· 只动画 transform 和 opacity(GPU 层)。
· 不要用 width/height/margin/top/left 做动画。
· Framer Motion 的 x/y/scale 简写不是硬件加速的,要用完整 transform 字符串。
· 不要用父元素的 CSS 变量驱动子元素 transform(会引发样式重算风暴)。
· 预定动画用 CSS;动态/可打断的用 JS 或 Spring。
打断与对称
· CSS transition 可打断、可重定向;@ keyframes 会从头开始。
· 长按/删除等场景:按下慢(2s linear),释放快(200ms ease-out),非对称时间。
无障碍
· 尊重 prefers-reduced-motion:不是“全部关掉”,而是保留 opacity/颜色,移除位移动画。
· hover 动画必须加 @ media (hover: hover) and (pointer: fine),避免触屏设备误触发。
评审 Skill:如何检查代码
review-animations 设定了十条“不可妥协”的标准,并把输出格式严格化为:
· transition: all 300ms > transition: transform 200ms ease-out -- 精确指定属性,避免 all 触发非 GPU 动画
· transform: scale(0) > transform: scale(0.95); opacity: 0
-- 不应凭空出现
animation-vocabulary:把模糊感受翻译成专业词
这个 Skill 本质上是一个动效术语反向查询表。用户说“iOS 拉到底部会弹回去那种感觉”,它能回答“Rubber-banding”;用户说“元素从按钮里长出来”,它能回答“Origin-aware animation”。
它涵盖:
· 进出/序列/变换/状态过渡
· 滚动/交互反馈
· Easing / Spring / 循环/环境动画
· 打磨效果(Blur、Clip-path、Skeleton、Number ticker)
· 性能术语与动画原则
这对设计师和工程师的沟通、以及给 AI 下精确指令,都很有价值。
ServBay retweeted
Coding in 2026 isn't about memorizing syntax anymore, it’s about orchestration
We've officially moved past basic autocomplete into the era of "vibe coding" and autonomous AI agents. Modern developers aren't just accepting inline suggestions; they're reviewing entire multi-file pull requests generated by AI from a single prompt.
From terminal native agents to repository wide IDEs, the dev workflow has completely transformed.
Which AI assistant is currently holding your codebase together? 👇
Cursor (The multi-file Composer king)
Claude Code (The terminal/CLI powerhouse)
GitHub Copilot (The reliable workspace standard)
Windsurf / Codeium (The speed & privacy picks)
#AICoding #SoftwareEngineering #VibeCoding #DevTools #CursorIDE #GitHubCopilot #ClaudeCode #ProgrammingTrends #Tech2026 #WebDev
ServBay retweeted
Hey,🌻
I'm looking to connect with people interested in:
→ Frontend
→ Backend
→ Full Stack
→ DevOps
→ LeetCode
→ AI/ML
→ Data Science
→ UI/UX
→ Freelancing
→ Startups
Say hi & let's grow together
#Connect
ServBay retweeted
La documentación de cómo instalar FacturaScripts ahora también está disponible en la web de @ServBayDev
👉support.servbay.com/es/php/f…
ServBay retweeted
Hey Laravel devs, here's a gem for you! 💎
Write cleaner negative relation queries with whereDoesntHaveRelation! Simplify your code and make it more readable.
#Laravel
ServBay retweeted
PHP 7.0 : End of life
PHP 7.1 : Security fixes only
PHP 7.2 : Active support
PHP 7.3 : Active support
PHP 7.4 : Will be announced tomorrow
php.net/supported-versions.p…
ServBay retweeted
Node.js v23.6.0 is out! 🥳🎉
This release enables the flag --experimental-strip-types by default.
Node.js will execute TypeScript files without additional configuration!
⚠️ This feature is experimental, has limitations and is subject to change.
nodejs.org/en/blog/release/v…
ServBay retweeted
The official Laravel VS Code extension is now available in beta.
✨ Blade syntax highlighting
🖊️ Eloquent autocompletion
🔗 Route, config, & middleware linking
🧠 Smart diagnostics
And more...
Get it now → marketplace.visualstudio.com…
ServBay retweeted
🎉🏆 Winners of the last week's DevHunt!🎉
Our top 3 champs are:
1⃣🥇@ServBayDev - best Dev Tool of the week!!!
▶️ devhunt.org/tool/servbay
2⃣ BoilerPro by @lucadi_domenico 🥈
▶️ devhunt.org/tool/boilerpro
3⃣ @DynauiDesign 🥉
▶️ devhunt.org/tool/dyna-ui
Keep up the great work, everyone! 👍
ServBay retweeted
👋 Friends!
⏰Just 12 hours left to vote for your favorite developer tool at DevHunt.
16 amazing devtools are competing for the "Tool of The Week" title 🥇
Finalists :
→ @ServBayDev
→ BoilerPro by @lucadi_domenico
→ @DynauiDesign
→ Clipboard History on clipboardhistory.io
→ CodeFast by @indieshatau
Your vote is important, so don't miss out!
→ devhunt.org
ServBay retweeted
ServBay is a powerful, localized web development environment designed to simplify and accelerate your workflow.
⇨ Features:
• Integrated web servers, programming languages, databases, NoSQL, DNS, and email tools
• Full support for PHP 8.4, Node.js 22, MariaDB 11.5, and PostgreSQL 16
• Built-in DNS server, reverse proxy configuration, and free SSL management
• Easy website setup with system resource monitoring and email server for local testing
⇨ Highlights:
• Manage everything from one dashboard with command-line support
• Simplify your local development with rich resources and a complete tool suite
Learn more about @ServBayDev on Dev Hunt:
→ devhunt.org/tool/servbay
ServBay retweeted
Hey #indiehackers,
It's #PromoteYourProduct day!
Share what you're building and I'll feature your product in my newsletter.
Rules
1. Like
2. Repost
#buildinpublic
ServBay retweeted
有人在苦苦寻找好用的#Nodejs 运行环境。为什么不用@ServBayDev 呢?一键解千愁: servbay.com/
ServBay retweeted
简单讲讲,出海产品如何兼顾国内和国外的访问速度:1、A域名解析用DNSPod。2、Cloudflare上添加B域名,B域名添加一个二级域,指向后端服务器。然后用这个域名添加到自定义主机。在自定义主机添加A域名。3、DNSPod上把A域名分别指向B域名和Cloudfront。全文:bra.live/how-to-achieve-glob…
ServBay retweeted
产品要 #出海,首先要有一个海外公司。大部分同学都是选择了 #美国LLC公司。但,如果美国公司注册下来,要开银行账户和stripe的话,你还要有一个 #EIN 。网上申请EIN各种漫天要价,你想知道如何 #免费申请EIN 不?速戳->bra.live/how-to-get-an-ein-f…



















