Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Existe una skill para Claude Code que clona cualquier web perfectamente con un solo prompt. Utiliza el MCP de Chrome para extraer directamente fuentes, colores y estructura desde el navegador. Es gratis y 100% open-source 👇

_guillecasaus's profile picture

Guillermo Casaus

33,224 subscribers

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

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

Esto es brutal. Crea, edita y ejecuta desde el navegador. Un prompt para construir una web app Full Stack. →
0:32

Esto es brutal. Crea, edita y ejecuta desde el navegador. Un prompt para construir una web app Full Stack. →

Miguel Ángel Durán

68,871 görüntüleme • 1 yıl önce

Este tipo le dio a Claude Code la habilidad de copiar el diseño de cualquier web. Creó un MCP que lee el HTML/CSS de cualquier sitio y extrae colores, tipografía y componentes. Resultado: UIs limpias por fin. GUÁRDATELO 🔖
0:55

Este tipo le dio a Claude Code la habilidad de copiar el diseño de cualquier web. Creó un MCP que lee el HTML/CSS de cualquier sitio y extrae colores, tipografía y componentes. Resultado: UIs limpias por fin. GUÁRDATELO 🔖

arc.

61,021 görüntüleme • 4 gün önce

Ahora puedes replicar el estilo de cualquier web en segundos Esta herramienta extrae su diseño y lo convierte en un DESIGN(.)md con colores, tipografías y componentes bien definidos Compatible con Codex, Claude Design, Google Stich, etc. Open source y 100% gratuito. Enlace abajo 👇
1:56

Ahora puedes replicar el estilo de cualquier web en segundos Esta herramienta extrae su diseño y lo convierte en un DESIGN(.)md con colores, tipografías y componentes bien definidos Compatible con Codex, Claude Design, Google Stich, etc. Open source y 100% gratuito. Enlace abajo 👇

Nico

45,096 görüntüleme • 2 ay önce

Editor para crear diagramas isométricos 3D de tu arquitectura de software e infraestructura. Funciona desde el navegador, sin registros y es open source:
0:22

Editor para crear diagramas isométricos 3D de tu arquitectura de software e infraestructura. Funciona desde el navegador, sin registros y es open source:

Miguel Ángel Durán

111,647 görüntüleme • 6 ay önce

Juego varios partidos de futbol por semana y quería ver si podía lograr automatizar los pagos a las personas que pagan las canchas y lo logré. Desde Telegram le pido a mi bot que envíe a un listado de CVUs autorizados el monto a enviar, de fondo lo que hace el código es abrir un navegador de Chrome con mi sesión de MercadoPago y hacer todos los pasos para enviar la transferencia. Funciona todo local, con CVUs autorizados, sin AI y con permisos solo para hacer esas funciones y esos clicks. El stack es súper simple NodeJS con Playwright para interactuar con el navegador, muy poderosa herramienta.
0:20

Juego varios partidos de futbol por semana y quería ver si podía lograr automatizar los pagos a las personas que pagan las canchas y lo logré. Desde Telegram le pido a mi bot que envíe a un listado de CVUs autorizados el monto a enviar, de fondo lo que hace el código es abrir un navegador de Chrome con mi sesión de MercadoPago y hacer todos los pasos para enviar la transferencia. Funciona todo local, con CVUs autorizados, sin AI y con permisos solo para hacer esas funciones y esos clicks. El stack es súper simple NodeJS con Playwright para interactuar con el navegador, muy poderosa herramienta.

Damián Catanzaro ☕️

146,273 görüntüleme • 4 ay önce

Nous Research acaba de publicar el hub de skills más completo que he visto para su agente de IA: Hermes Se llama Hermes Skills Hub y tiene 691 skills listas para instalar. No es una lista de prompts. Son skills reales que amplían lo que puede hacer tu agente. 89 integradas de serie. 81 opcionales. 521 de la comunidad. 18 categorías. Algunas de las que me han flipado: - macos-computer-use: controla el escritorio de Mac en segundo plano sin robar el cursor ni el foco del teclado - comfyui: genera imágenes, video y audio con ComfyUI directamente desde el agente - humanizer: elimina el lenguaje de IA y añade voz real al texto - popular-web-designs: 54 sistemas de diseño reales (Stripe, Linear, Vercel) como HTML/CSS - claude-code: delega el código a Claude Code CLI desde dentro del agente - manim-video: animaciones estilo 3Blue1Brown para matemáticas y algoritmos - excalidraw: diagramas de arquitectura dibujados a mano desde el agente - ascii-video: convierte cualquier video a ASCII coloreado en MP4 o GIF Y esto es solo la primera página. Hay skills para finanzas, seguridad, DevOps, MLOps, traducción, gaming y social media. Compatible con Hermes Agent, Claude Code, Codex, Cursor y OpenCode. Todo gratis. Todo open source.
0:25

Nous Research acaba de publicar el hub de skills más completo que he visto para su agente de IA: Hermes Se llama Hermes Skills Hub y tiene 691 skills listas para instalar. No es una lista de prompts. Son skills reales que amplían lo que puede hacer tu agente. 89 integradas de serie. 81 opcionales. 521 de la comunidad. 18 categorías. Algunas de las que me han flipado: - macos-computer-use: controla el escritorio de Mac en segundo plano sin robar el cursor ni el foco del teclado - comfyui: genera imágenes, video y audio con ComfyUI directamente desde el agente - humanizer: elimina el lenguaje de IA y añade voz real al texto - popular-web-designs: 54 sistemas de diseño reales (Stripe, Linear, Vercel) como HTML/CSS - claude-code: delega el código a Claude Code CLI desde dentro del agente - manim-video: animaciones estilo 3Blue1Brown para matemáticas y algoritmos - excalidraw: diagramas de arquitectura dibujados a mano desde el agente - ascii-video: convierte cualquier video a ASCII coloreado en MP4 o GIF Y esto es solo la primera página. Hay skills para finanzas, seguridad, DevOps, MLOps, traducción, gaming y social media. Compatible con Hermes Agent, Claude Code, Codex, Cursor y OpenCode. Todo gratis. Todo open source.

PA13L0

60,982 görüntüleme • 1 ay önce

He grabado un tutorial de 30 minutos en el que te cuento cómo pasar de una idea a una web con diseño profesional para un negocio local usando Pencil y Claude Code. Verás cómo diseñar, desarrollar y publicarlo en producción con Vercel. Échale un vistazo 👇
27:17

He grabado un tutorial de 30 minutos en el que te cuento cómo pasar de una idea a una web con diseño profesional para un negocio local usando Pencil y Claude Code. Verás cómo diseñar, desarrollar y publicarlo en producción con Vercel. Échale un vistazo 👇

Vaughtton

36,464 görüntüleme • 4 ay önce

ANTHROPIC ACABA DE CERRAR LA BRECHA ENTRE DISEÑO Y CODIGO Claude Design recibio una actualizacion mayor y ya no es solo un generador de diseños Ahora conecta todo el flujo → Importa tu sistema de diseno desde el repo o el codigo base y lo respeta en cada output → Edicion directa en el canvas: drag, resize y alineacion sin salir de la herramienta → Sincronizacion bidireccional con Claude Code, disenas en Claude Design y sincronizas desde Claude Code con /design-sync → Exportacion a PDF y PowerPoint para los que trabajan con herramientas existentes Y el modo de edicion es lo mas interesante Tiene dos tabs: → Simple: para ajustes rapidos como cambiar texto o colores → Pro: edicion por capas al estilo Figma para los que necesitan control total Y el modo Click Through deja verificar interacciones como el modo prototipo de Figma sin cambiar de pantalla Lo que antes tomaba tres herramientas distintas ahora vive en una sola
0:53

ANTHROPIC ACABA DE CERRAR LA BRECHA ENTRE DISEÑO Y CODIGO Claude Design recibio una actualizacion mayor y ya no es solo un generador de diseños Ahora conecta todo el flujo → Importa tu sistema de diseno desde el repo o el codigo base y lo respeta en cada output → Edicion directa en el canvas: drag, resize y alineacion sin salir de la herramienta → Sincronizacion bidireccional con Claude Code, disenas en Claude Design y sincronizas desde Claude Code con /design-sync → Exportacion a PDF y PowerPoint para los que trabajan con herramientas existentes Y el modo de edicion es lo mas interesante Tiene dos tabs: → Simple: para ajustes rapidos como cambiar texto o colores → Pro: edicion por capas al estilo Figma para los que necesitan control total Y el modo Click Through deja verificar interacciones como el modo prototipo de Figma sin cambiar de pantalla Lo que antes tomaba tres herramientas distintas ahora vive en una sola

Jokker

15,884 görüntüleme • 21 gün önce

Ahora puedes darle memoria infinita a Claude, Codex y Cursor. 100% gratis y open source. Memanto ya es tendencia con +5.000 estrellas en GitHub. La herramienta: → guarda el contexto de tus sesiones de trabajo → lo comprime y organiza con IA → recupera lo relevante en menos de 90ms → funciona con Claude Code, Codex, Cursor, LangGraph, CrewAI Sin bases de datos vectoriales y sin configuración compleja. Un solo comando para instalarlo: → pip install memanto Ya no reinicias el contexto. Tu agente simplemente lo recuerda. Enlace abajo👇
0:30

Ahora puedes darle memoria infinita a Claude, Codex y Cursor. 100% gratis y open source. Memanto ya es tendencia con +5.000 estrellas en GitHub. La herramienta: → guarda el contexto de tus sesiones de trabajo → lo comprime y organiza con IA → recupera lo relevante en menos de 90ms → funciona con Claude Code, Codex, Cursor, LangGraph, CrewAI Sin bases de datos vectoriales y sin configuración compleja. Un solo comando para instalarlo: → pip install memanto Ya no reinicias el contexto. Tu agente simplemente lo recuerda. Enlace abajo👇

Nico

91,815 görüntüleme • 1 ay önce

Iris Van Herpen diseñó un vestido exclusivo para DANNA en degradado de colores verde, arena y turquesa. — Solo existe una pieza de este modelo en el mundo con esa combinación de colores, hecho a la medida para ella
0:20

Iris Van Herpen diseñó un vestido exclusivo para DANNA en degradado de colores verde, arena y turquesa. — Solo existe una pieza de este modelo en el mundo con esa combinación de colores, hecho a la medida para ella

DANNA Today

16,963 görüntüleme • 2 ay önce

ALGUIEN HIZO VIBECODING DE UNA EXTENSIÓN DE CHROME QUE DISFRAZA A CLAUDE COMO UN GOOGLE DOC PARA PODER USAR IA EN PÚBLICO envuelve la IA en una interfaz falsa de Google Docs, así que en tu pantalla solo parece que estás escribiendo un documento, no interactuando con un chatbot qué hace: > funciona con ChatGPT y Claude > solo escribes tu pregunta como una línea normal en un documento y la respuesta aparece directamente en la página > también tiene temas estilo Microsoft Word y Notion, para que puedas elegir el disfraz > rediseñada para soportar correctamente múltiples modelos de IA detrás del documento > el estilo de Google Docs es el predeterminado es una extensión de Chrome llamada gptdisguise esto es brillante. mucha gente se siente incómoda usando IA en público (escuela, trabajo, etc.). alguien acaba de construir la solución.
0:31

ALGUIEN HIZO VIBECODING DE UNA EXTENSIÓN DE CHROME QUE DISFRAZA A CLAUDE COMO UN GOOGLE DOC PARA PODER USAR IA EN PÚBLICO envuelve la IA en una interfaz falsa de Google Docs, así que en tu pantalla solo parece que estás escribiendo un documento, no interactuando con un chatbot qué hace: > funciona con ChatGPT y Claude > solo escribes tu pregunta como una línea normal en un documento y la respuesta aparece directamente en la página > también tiene temas estilo Microsoft Word y Notion, para que puedas elegir el disfraz > rediseñada para soportar correctamente múltiples modelos de IA detrás del documento > el estilo de Google Docs es el predeterminado es una extensión de Chrome llamada gptdisguise esto es brillante. mucha gente se siente incómoda usando IA en público (escuela, trabajo, etc.). alguien acaba de construir la solución.

Santi Torres

26,341 görüntüleme • 26 gün önce

Trucazo para crear una web con documentación de cualquier repositorio de GitHub. Gratis y en minutos:
1:22

Trucazo para crear una web con documentación de cualquier repositorio de GitHub. Gratis y en minutos:

Miguel Ángel Durán

59,970 görüntüleme • 10 gün önce

Trucazo para crear una web con documentación de cualquier repositorio de GitHub. Gratis y en minutos:
1:22

Trucazo para crear una web con documentación de cualquier repositorio de GitHub. Gratis y en minutos:

Miguel Ángel Durán

61,704 görüntüleme • 4 ay önce

Conecté Claude con Search Console por MCP y es uan locura! Ahora se conecta directamente a mi SC y le pido que analice lo que necesite y me devuelve el paso a paso de lo que he de hacer para mejorar. Video en YouTube con el paso a paso
0:33

Conecté Claude con Search Console por MCP y es uan locura! Ahora se conecta directamente a mi SC y le pido que analice lo que necesite y me devuelve el paso a paso de lo que he de hacer para mejorar. Video en YouTube con el paso a paso

PedroSEO

35,978 görüntüleme • 3 ay önce

Google Deepmind mostró un prototipo de navegador web que usa Gemini Flash Lite para diseñar una página web en vivo. La página web que ves no existe, la crea la IA en el momento que hacés cada click a una velocidad sorprendente. 🤯 Calidad del modelo y velocidad es la clave.
1:15

Google Deepmind mostró un prototipo de navegador web que usa Gemini Flash Lite para diseñar una página web en vivo. La página web que ves no existe, la crea la IA en el momento que hacés cada click a una velocidad sorprendente. 🤯 Calidad del modelo y velocidad es la clave.

Maximiliano Firtman

35,953 görüntüleme • 3 ay önce

Chrome headless consume 200MB de RAM por instancia. Si tu agente de IA abre 10 pestañas en paralelo, ya estás quemando 2GB solo en el navegador. Alguien reescribió el navegador desde cero en Rust para arreglarlo. Se llama Obscura. 14.8k estrellas en 7 semanas. Apache 2.0. Los números son difíciles de creer hasta que los pruebas: - Memoria: 30MB frente a los 200MB+ de Chrome - Arranque: instantáneo frente a los 2 segundos de Chrome - Carga de página: 85ms frente a los 500ms de Chrome - Binario: 70MB frente a los 300MB+ de Chrome - Anti-detección: integrado de serie. Chrome no tiene nada. No es un webview envuelto. No es un simulador. Corre JavaScript real via V8. Soporta el protocolo Chrome DevTools. Es un reemplazo directo para Puppeteer y Playwright sin cambiar tu código. Lo que cambia para quien construye agentes: Un agente con Chrome headless visita 50 páginas por minuto. Con Obscura visita 500. No es una optimización. Es lo que determina qué proyectos son económicamente viables construir. ✅ Modo stealth integrado: fingerprint aleatorio por sesión, anti-bot, bloqueo de trackers ✅ Scraping en paralelo de múltiples URLs con concurrencia configurable ✅ Compatible con Puppeteer y Playwright sin modificar el código ✅ Skills para Claude Code ya disponibles en el repo ✅ Binarios para Linux, Mac Intel, Mac Apple Silicon y Windows ✅ 981 forks. 8 releases. v0.1.7 hace 3 días. Activo hace 8 horas. el enlace 👇
0:20

Chrome headless consume 200MB de RAM por instancia. Si tu agente de IA abre 10 pestañas en paralelo, ya estás quemando 2GB solo en el navegador. Alguien reescribió el navegador desde cero en Rust para arreglarlo. Se llama Obscura. 14.8k estrellas en 7 semanas. Apache 2.0. Los números son difíciles de creer hasta que los pruebas: - Memoria: 30MB frente a los 200MB+ de Chrome - Arranque: instantáneo frente a los 2 segundos de Chrome - Carga de página: 85ms frente a los 500ms de Chrome - Binario: 70MB frente a los 300MB+ de Chrome - Anti-detección: integrado de serie. Chrome no tiene nada. No es un webview envuelto. No es un simulador. Corre JavaScript real via V8. Soporta el protocolo Chrome DevTools. Es un reemplazo directo para Puppeteer y Playwright sin cambiar tu código. Lo que cambia para quien construye agentes: Un agente con Chrome headless visita 50 páginas por minuto. Con Obscura visita 500. No es una optimización. Es lo que determina qué proyectos son económicamente viables construir. ✅ Modo stealth integrado: fingerprint aleatorio por sesión, anti-bot, bloqueo de trackers ✅ Scraping en paralelo de múltiples URLs con concurrencia configurable ✅ Compatible con Puppeteer y Playwright sin modificar el código ✅ Skills para Claude Code ya disponibles en el repo ✅ Binarios para Linux, Mac Intel, Mac Apple Silicon y Windows ✅ 981 forks. 8 releases. v0.1.7 hace 3 días. Activo hace 8 horas. el enlace 👇

PA13L0

42,421 görüntüleme • 1 ay önce

🚨 ACABO DE ENCONTRAR UN CURSO GRATIS DE ANTHROPIC QUE DEBES VER. La idea es increíble, no le das a Claude un prompt gigante, le das skills que puede activar cuando las necesita: • instrucciones • archivos • ejemplos • código • reglas • procesos • conocimiento experto Resultado: Claude deja de ser un chatbot generalista y empieza a comportarse como un especialista para tareas concretas. Imagina... - Una skill para analizar campañas de marketing. - Otra para trabajar con Excel. - Otra para crear presentaciones. - Otra para generar preguntas desde apuntes. - Otra para analizar datos temporales. Y lo mejor, no tienes que meter todo en el contexto desde el principio. El curso explica el concepto de progressive disclosure: darle al agente solo la información que necesita, cuando la necesita. Eso es clave. Porque el futuro de los agentes no va de meter más texto en una ventana. Va de construir sistemas que sepan cuándo usar cada capacidad. Prompts fueron la primera etapa. Tools fueron la segunda. MCP y subagentes abrieron otra puerta. Pero las Skills son una pieza muy seria para convertir agentes en trabajadores especializados. El curso se llama: Agent Skills with Anthropic. Está en DeepLearning AI. Y si estás construyendo con IA, deberías verlo antes de que todo el mundo empiece a hablar de esto.
0:21

🚨 ACABO DE ENCONTRAR UN CURSO GRATIS DE ANTHROPIC QUE DEBES VER. La idea es increíble, no le das a Claude un prompt gigante, le das skills que puede activar cuando las necesita: • instrucciones • archivos • ejemplos • código • reglas • procesos • conocimiento experto Resultado: Claude deja de ser un chatbot generalista y empieza a comportarse como un especialista para tareas concretas. Imagina... - Una skill para analizar campañas de marketing. - Otra para trabajar con Excel. - Otra para crear presentaciones. - Otra para generar preguntas desde apuntes. - Otra para analizar datos temporales. Y lo mejor, no tienes que meter todo en el contexto desde el principio. El curso explica el concepto de progressive disclosure: darle al agente solo la información que necesita, cuando la necesita. Eso es clave. Porque el futuro de los agentes no va de meter más texto en una ventana. Va de construir sistemas que sepan cuándo usar cada capacidad. Prompts fueron la primera etapa. Tools fueron la segunda. MCP y subagentes abrieron otra puerta. Pero las Skills son una pieza muy seria para convertir agentes en trabajadores especializados. El curso se llama: Agent Skills with Anthropic. Está en DeepLearning AI. Y si estás construyendo con IA, deberías verlo antes de que todo el mundo empiece a hablar de esto.

Miguel Ángel | GptZone

14,207 görüntüleme • 12 gün önce

Claude Code es genial pero es muy caro... Tienes que probar Open Code porque es brutal. Ofrece el uso de algunos modelos totalmente gratis. Y funciona con modelos locales como Qwen.
0:20

Claude Code es genial pero es muy caro... Tienes que probar Open Code porque es brutal. Ofrece el uso de algunos modelos totalmente gratis. Y funciona con modelos locales como Qwen.

Miguel Ángel Durán

78,690 görüntüleme • 6 ay önce

Esta es una de las familias que llegó a Barquisimeto desde La Guaira, ya hablé con ellos estoy coordinando para llevarles algunas cositas, necesitan comida, insumos de aseo personal y para el niño algún rompecabezas, colores y un libro para colorear Ayúdenme a ayudarlos.
1:11

Esta es una de las familias que llegó a Barquisimeto desde La Guaira, ya hablé con ellos estoy coordinando para llevarles algunas cositas, necesitan comida, insumos de aseo personal y para el niño algún rompecabezas, colores y un libro para colorear Ayúdenme a ayudarlos.

𝙆𝙖𝙩𝙞𝙪𝙨𝙠𝙖 𝙎𝙖𝙡𝙤𝙢

25,867 görüntüleme • 11 gün önce

Existe una web que te permite convertir cualquier SVG en un objeto 3D. No tiene coste, es open-source y te permite girarlo, animarlo, integrarlo en tu web y exportarlo como imagen o vídeo en 4K.
0:29

Existe una web que te permite convertir cualquier SVG en un objeto 3D. No tiene coste, es open-source y te permite girarlo, animarlo, integrarlo en tu web y exportarlo como imagen o vídeo en 4K.

Guillermo Casaus

54,137 görüntüleme • 3 ay önce