正在加载视频...

视频加载失败

返回首页

guidelines for building interfaces on the web interactions, animations, layout, content, forms, performance, design & copywriting includes an AGENTS​.md

JohnPhamous's profile picture

JohnPhamous

16,901 subscribers

29,683 次观看 • 11 个月前 •via X (Twitter)

科学技术教育
LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

Can’t stop making these micro interactions and animations on the websites Took me about an hour to design and develop.
0:16

Can’t stop making these micro interactions and animations on the websites Took me about an hour to design and develop.

James Laurent

21,917 次观看 • 9 个月前

Today, we’re announcing the general availability of the Parallel Monitor API. The web is shifting from pull to push, and agents are coming online. This release marks a major step towards a more proactive model, where the web pushes updates directly to your background agent. Monitor now includes: - Lite and Base processors - Event streams and snapshots - Rich attribution (Basis) on every event - Advanced domain filtering - Interactions for persistent follow-on research
0:15

Today, we’re announcing the general availability of the Parallel Monitor API. The web is shifting from pull to push, and agents are coming online. This release marks a major step towards a more proactive model, where the web pushes updates directly to your background agent. Monitor now includes: - Lite and Base processors - Event streams and snapshots - Rich attribution (Basis) on every event - Advanced domain filtering - Interactions for persistent follow-on research

Parallel Web Systems

116,725 次观看 • 4 个月前

Animations on the web are fun… until performance and fidelity come into conflict. Find the case study below on how we approached image sequencing, loading, and motion timing for the Adaline website
0:10

Animations on the web are fun… until performance and fidelity come into conflict. Find the case study below on how we approached image sequencing, loading, and motion timing for the Adaline website

Daybreak

49,330 次观看 • 1 年前

Nano Banana Pro is completely taking over design it can put your own texts & images on a blank magazine.. and design the layout for you nicely in a few mins how I did it on ImagineArt (with prompts):
0:10

Nano Banana Pro is completely taking over design it can put your own texts & images on a blank magazine.. and design the layout for you nicely in a few mins how I did it on ImagineArt (with prompts):

el.cine

114,436 次观看 • 9 个月前

Announcing slowmo: Slow down, pause, or speed up time of ANY web content. Try the demo and download the extension here: Debug animations, learn from cool demos, and make games easier or harder. Available as an extension: Opened-sourced here: There's an npm package too for building it into dev tools:
0:12

Announcing slowmo: Slow down, pause, or speed up time of ANY web content. Try the demo and download the extension here: Debug animations, learn from cool demos, and make games easier or harder. Available as an extension: Opened-sourced here: There's an npm package too for building it into dev tools:

Francois Laberge

27,715 次观看 • 7 个月前

the vercel design team
0:10

the vercel design team

JohnPhamous

109,482 次观看 • 10 个月前

improving nested menus interactions uses a "prediction cone" to prevent accidentally selecting items when moving a pointer to the nested menu details below
0:11

improving nested menus interactions uses a "prediction cone" to prevent accidentally selecting items when moving a pointer to the nested menu details below

JohnPhamous

170,474 次观看 • 3 年前

Here's an actual design engineering tip: Safari sucks at updating multiple WebGL video textures in the same frame, especially during interactions or animations on initial page load. To keep things buttery you'll wanna pause texture uploads during motion e.g: isMoving ? holdLastFrame() : gl.texImage2D(video)
0:12

Here's an actual design engineering tip: Safari sucks at updating multiple WebGL video textures in the same frame, especially during interactions or animations on initial page load. To keep things buttery you'll wanna pause texture uploads during motion e.g: isMoving ? holdLastFrame() : gl.texImage2D(video)

joshpuckett

36,171 次观看 • 11 天前

Unlock cutting-edge market & scientific intelligence with Caesar Agents 🧠⚡ The Warden Agent Hub recently expanded with two high-performance research agents, powered by Caesar: an advanced reasoning engine built for deep and crypto research.
0:12

Unlock cutting-edge market & scientific intelligence with Caesar Agents 🧠⚡ The Warden Agent Hub recently expanded with two high-performance research agents, powered by Caesar: an advanced reasoning engine built for deep and crypto research.

Warden

14,744 次观看 • 8 个月前

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.
0:11

We finally have a "Figma for AI agents." It's called Awesome-design-md. A curated collection of UI systems extracted from 50+ top websites, formatted specifically for coding agents. Instead of parsing screenshots or messy design files, you drop a DESIGN.md straight into your project. It upgrades your AI's UI skills instantly. > Unlocks 50+ elite design systems: Cursor, Vercel, Stripe, Spotify, SpaceX, and more > Structured into 9 clear sections: typography, spacing, elevation, rules > Includes light/dark previews for quick visual checks > Uses Google Stitch's native plain-text format for LLMs Every file also comes with an Agent Guide, ready-to-use prompts included. 100% Free. Open Source.

Simplifying AI

12,824 次观看 • 1 个月前

Omfg… While everyone was building agents on browsers Someone made the browser the agent. – works across web, files, & apps – real-time visual reports + scraping – reads, clicks, fills, builds – 100% local, free deep search Real examples + how to use it: 🧵
0:17

Omfg… While everyone was building agents on browsers Someone made the browser the agent. – works across web, files, & apps – real-time visual reports + scraping – reads, clicks, fills, builds – 100% local, free deep search Real examples + how to use it: 🧵

EyeingAI

173,051 次观看 • 1 年前

Today Parallel Web Systems launched Index, a platform for content owners (with a wonderful set of launch partners). If you love the internet like I do, building a sustainable economic model that incentivizes and rewards quality content matters to an enormous degree. Especially in the agent era.
0:11

Today Parallel Web Systems launched Index, a platform for content owners (with a wonderful set of launch partners). If you love the internet like I do, building a sustainable economic model that incentivizes and rewards quality content matters to an enormous degree. Especially in the agent era.

Andrew Reed

40,068 次观看 • 3 个月前

how can we improve the o11y on vercel for you?
0:15

how can we improve the o11y on vercel for you?

JohnPhamous

13,856 次观看 • 2 个月前

vercel is hiring - product designer - design engineer - motion designer - brand designer
0:10

vercel is hiring - product designer - design engineer - motion designer - brand designer

JohnPhamous

255,821 次观看 • 10 个月前

We're building After Effects for the web. Vector animation that goes from design to production, built on Lottie, the industry-standard for product animation. Describe what you want and Motion Copilot animates it, or generate Lottie straight from Codex/Claude with our MCP. All in the browser. This is Lottie Creator 2.0. The biggest update we've ever shipped.
0:10

We're building After Effects for the web. Vector animation that goes from design to production, built on Lottie, the industry-standard for product animation. Describe what you want and Motion Copilot animates it, or generate Lottie straight from Codex/Claude with our MCP. All in the browser. This is Lottie Creator 2.0. The biggest update we've ever shipped.

Nattu

19,793 次观看 • 1 个月前

Update: Image Optimization is now LIVE on AIOZ Pin! This feature is a powerful gateway-side service for your pinned content. When a browser requests an image, the gateway: → Resizes & fits it to any layout → Strips or keeps metadata → Preserves GIF animations → Applies light sharpening One source file on IPFS. A perfect version every time. No extra work. Try it today: Your pinned assets just got a serious upgrade!
0:16

Update: Image Optimization is now LIVE on AIOZ Pin! This feature is a powerful gateway-side service for your pinned content. When a browser requests an image, the gateway: → Resizes & fits it to any layout → Strips or keeps metadata → Preserves GIF animations → Applies light sharpening One source file on IPFS. A perfect version every time. No extra work. Try it today: Your pinned assets just got a serious upgrade!

AIOZ Network

275,750 次观看 • 7 个月前

i built a telegram bot that turns your social media feed into an agent brain how it works: > send content to the bot > bot stores content on obsidian > use obsidian file path for your agents context the smarter the brain the smarter the agent
0:17

i built a telegram bot that turns your social media feed into an agent brain how it works: > send content to the bot > bot stores content on obsidian > use obsidian file path for your agents context the smarter the brain the smarter the agent

sophia dew

40,593 次观看 • 5 个月前

r u an engineer that likes finance? San Francisco Compute is hiring an engineer to build the platform that allows traders trade gpu compute
0:17

r u an engineer that likes finance? San Francisco Compute is hiring an engineer to build the platform that allows traders trade gpu compute

JohnPhamous

33,679 次观看 • 1 年前

I spent the last 2 weeks diving deep into trading agents I built so many of them that it made sense to build this... A scaffolding tool for building trading agents It's very experimental but it comes with wallets, tools and x402 integrations Built on LangChain & Base 🦜 🟦
0:13

I spent the last 2 weeks diving deep into trading agents I built so many of them that it made sense to build this... A scaffolding tool for building trading agents It's very experimental but it comes with wallets, tools and x402 integrations Built on LangChain & Base 🦜 🟦

Youssef

27,114 次观看 • 5 个月前

MMT Finance is building a secure and sustainable future for on-chain finance. Powered by the performance of Sui, MomentumⓂ️Ⓜ️T offers not only trading but also enterprise-grade data protection, audited smart contracts, and user-centric design. Every layer of the ecosystem advances together through security, transparency, and efficiency.
0:14

MMT Finance is building a secure and sustainable future for on-chain finance. Powered by the performance of Sui, MomentumⓂ️Ⓜ️T offers not only trading but also enterprise-grade data protection, audited smart contracts, and user-centric design. Every layer of the ecosystem advances together through security, transparency, and efficiency.

Dogacan

11,030 次观看 • 10 个月前