Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Effective html patterns and animations to use in your agent product development processes

backnotprop's profile picture

Michael Ramos

1,640 subscribers

20,634 görüntüleme • 3 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

the AI slop launch video killer is here Computer use is live in HyperFrames Studio - your agent can click, type and record in any app on your computer pro tip: have it drive your app, extract the screens and rebuild them in HTML so your product videos look real try it now ↓
0:48

the AI slop launch video killer is here Computer use is live in HyperFrames Studio - your agent can click, type and record in any app on your computer pro tip: have it drive your app, extract the screens and rebuild them in HTML so your product videos look real try it now ↓

HyperFrames

41,999 görüntüleme • 10 gün önce

Introducing terminal-browser A browser that runs inside your existing terminal - Preview your website next to your agent - Open HTML plans in your terminal - Browser use CLI built in
0:47

Introducing terminal-browser A browser that runs inside your existing terminal - Preview your website next to your agent - Open HTML plans in your terminal - Browser use CLI built in

Rob Pruzan

563,038 görüntüleme • 3 ay önce

Meet Aurora Multi-agent working for you in one place. Give your task to each agent, and they will work with each other’s talk. Demo: Need product design & development in 2 weeks? DM
0:41

Meet Aurora Multi-agent working for you in one place. Give your task to each agent, and they will work with each other’s talk. Demo: Need product design & development in 2 weeks? DM

Tanjim

83,208 görüntüleme • 1 ay önce

what we shipped for ZeroLeaks in 3 months: - full end to end product UI/UX - full product frontend in Next.js - full website design and development in Next.js - custom Rive animations throughout
0:25

what we shipped for ZeroLeaks in 3 months: - full end to end product UI/UX - full product frontend in Next.js - full website design and development in Next.js - custom Rive animations throughout

Marcel

13,556 görüntüleme • 2 ay önce

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?
0:21

I decided to explore HTML visuals in Power BI over the weekend with help from Claude , and the result was this interactive sales dashboard. From dynamic KPI cards to custom-styled charts and responsive layouts, HTML opens up a whole new level of design flexibility inside Power BI. It feels less like a report and more like a product. Link to PBIX file: Curious to hear your thoughts 👇 Would you use HTML visuals in your reports?

Chiamaka Igwe

14,671 görüntüleme • 7 ay önce

New block in Notion: HTML. Build interactive HTML right on your Notion page. Ask AI to turn your content into interactive explainers, prototypes, or diagrams. Share with your team to use and tinker together.
1:07

New block in Notion: HTML. Build interactive HTML right on your Notion page. Ask AI to turn your content into interactive explainers, prototypes, or diagrams. Share with your team to use and tinker together.

Notion

1,582,930 görüntüleme • 4 ay önce

Introducing PostHog Code, the product editor that: - Understands your product - Identifies usage patterns - Triages bugs and errors for you - Creates PRs to fix them - Continuously monitors and improves your product Join the waitlist:
0:21

Introducing PostHog Code, the product editor that: - Understands your product - Identifies usage patterns - Triages bugs and errors for you - Creates PRs to fix them - Continuously monitors and improves your product Join the waitlist:

PostHog

436,676 görüntüleme • 6 ay önce

Just released my new /lesson-generator skill. Use it with your agent to learn anything: - generate lessons/courses on any topic - include nano-banana images with my /image-generator skill - present the course as an HTML artifact And it's also available to use in our academy.
0:20

Just released my new /lesson-generator skill. Use it with your agent to learn anything: - generate lessons/courses on any topic - include nano-banana images with my /image-generator skill - present the course as an HTML artifact And it's also available to use in our academy.

elvis

58,698 görüntüleme • 5 ay önce

Introducing Ship OS: The agent-native way to ship software. Run your entire product development cycle in Notion, from customer feedback to a merged PR. Agents handle the triaging, routing, and summarizing. Your team handles the judgment calls. Set up Ship OS →
1:03

Introducing Ship OS: The agent-native way to ship software. Run your entire product development cycle in Notion, from customer feedback to a merged PR. Agents handle the triaging, routing, and summarizing. Your team handles the judgment calls. Set up Ship OS →

Notion

3,447,385 görüntüleme • 4 ay önce

time to reveal my HTML workflow with agents HTML is the new markdown. Lavish is the new editor for your HTML artifacts just tell your agent - discuss the technical plan with me using `npx lavish-axi` 100% open source and runs locally. details in thread below 👇
0:33

time to reveal my HTML workflow with agents HTML is the new markdown. Lavish is the new editor for your HTML artifacts just tell your agent - discuss the technical plan with me using `npx lavish-axi` 100% open source and runs locally. details in thread below 👇

Kun Chen

57,573 görüntüleme • 6 ay önce

Start building for an agent-first world. If you have a product, you need to start offering skills for Claude, Codex, Cursor, and any other agents. Your skills should specify: • How to navigate and use your product • Best practices the agent must follow • Detailed instructions on how to accomplish things • Anti-patterns to avoid Redis is one of the most popular in-memory data stores in the world, and they just released their agent skills. It takes one second to install, and it will turn your agent into a Senior Redis Engineer: $ npx skills add redis/agent-skills In the attached video, I show you how to install it as a plugin in Claude Code and some of its benefits. This is the easiest way to "teach" models what they don't know and keep their knowledge up to date. If you ask me, skills is literally one of the most brilliant ideas that Anthropic has put out there. If you use Redis, their skill is a must-have. If you don't, this skill will show you how to build and structure yours. Here is what their skill teaches your agent: 1. Current patterns for common use cases: caching, rate limiting, session management, vector search, semantic caching, pub/sub, streams. 2. Which data structure to use and when: hashes vs. JSON vs. sorted sets vs. vector sets. 3. Anti-patterns to avoid: no KEYS in loops, no unbounded key growth, no large values that amplify every operation. 4. Production-aware defaults: connection pooling, pipelining, cluster compatibility, error handling that doesn't silently swallow failures.
4:44

Start building for an agent-first world. If you have a product, you need to start offering skills for Claude, Codex, Cursor, and any other agents. Your skills should specify: • How to navigate and use your product • Best practices the agent must follow • Detailed instructions on how to accomplish things • Anti-patterns to avoid Redis is one of the most popular in-memory data stores in the world, and they just released their agent skills. It takes one second to install, and it will turn your agent into a Senior Redis Engineer: $ npx skills add redis/agent-skills In the attached video, I show you how to install it as a plugin in Claude Code and some of its benefits. This is the easiest way to "teach" models what they don't know and keep their knowledge up to date. If you ask me, skills is literally one of the most brilliant ideas that Anthropic has put out there. If you use Redis, their skill is a must-have. If you don't, this skill will show you how to build and structure yours. Here is what their skill teaches your agent: 1. Current patterns for common use cases: caching, rate limiting, session management, vector search, semantic caching, pub/sub, streams. 2. Which data structure to use and when: hashes vs. JSON vs. sorted sets vs. vector sets. 3. Anti-patterns to avoid: no KEYS in loops, no unbounded key growth, no large values that amplify every operation. 4. Production-aware defaults: connection pooling, pipelining, cluster compatibility, error handling that doesn't silently swallow failures.

Santiago

37,546 görüntüleme • 8 ay önce

You can now use your agent to share files to others through 0G Labs (Home of Infinite AI) storage. The first agent-to-agent file sharing through decentralized storage! Pay attention to our agent development repo: More is coming!
1:00

You can now use your agent to share files to others through 0G Labs (Home of Infinite AI) storage. The first agent-to-agent file sharing through decentralized storage! Pay attention to our agent development repo: More is coming!

Ming Wu (Ø,G)

110,282 görüntüleme • 1 yıl önce

We built the most secure, simple way to sign an agent into websites from your phone. The agent never receives your password. Not in the chat, not in the logs. This works across all sites, and any sign in patterns.
0:22

We built the most secure, simple way to sign an agent into websites from your phone. The agent never receives your password. Not in the chat, not in the logs. This works across all sites, and any sign in patterns.

Ronith

381,546 görüntüleme • 2 ay önce

A fully scoped project. Built from what your workspace already knows about your product and customers. Learn how to use Linear Agent to turn context into execution by drafting project requirements, suggesting milestones, and organizing issues.
2:27

A fully scoped project. Built from what your workspace already knows about your product and customers. Learn how to use Linear Agent to turn context into execution by drafting project requirements, suggesting milestones, and organizing issues.

Linear

75,941 görüntüleme • 7 ay önce

NEW REEL! 5 years in, and stronger than ever. We’ve honed our craft, processes, and team to make the best design and animation to ever come out of our studio across product launches, brand identities, learning and development, and large-screen content. New Biz: work@ravie.co
0:47

NEW REEL! 5 years in, and stronger than ever. We’ve honed our craft, processes, and team to make the best design and animation to ever come out of our studio across product launches, brand identities, learning and development, and large-screen content. New Biz: [email protected]

Austin Bauwens

26,087 görüntüleme • 1 yıl önce

An LLM without tools is just a chatbot. On this week’s livestream, learn how to feed an OpenAPI spec directly into the Agent Development Kit (ADK), instantly teaching your agent how to use your backend APIs →
1:07

An LLM without tools is just a chatbot. On this week’s livestream, learn how to feed an OpenAPI spec directly into the Agent Development Kit (ADK), instantly teaching your agent how to use your backend APIs →

Google Cloud Tech

39,749 görüntüleme • 4 ay önce

exploring animations for agents ⦿ clear, large, and obvious ⦿ in the same location every time ⦿ different animations per agent ⦿ color synced to the agent
0:50

exploring animations for agents ⦿ clear, large, and obvious ⦿ in the same location every time ⦿ different animations per agent ⦿ color synced to the agent

David Hill

390,032 görüntüleme • 11 ay önce

💫 Simplify your AI agent development. Google's new open-source Agent Development Kit (ADK) is designed for effortless multi-modal and multi-agent systems. Get started →
0:48

💫 Simplify your AI agent development. Google's new open-source Agent Development Kit (ADK) is designed for effortless multi-modal and multi-agent systems. Get started →

Google for Developers

13,232 görüntüleme • 1 yıl önce

Agent mode transition with Three.js, html-in-canvas.
0:34

Agent mode transition with Three.js, html-in-canvas.

Zsolt Kacso

113,260 görüntüleme • 6 ay önce