Supabase — una alternativa de código abierto a Firebase
Supabase es una plataforma que permite a los desarrolladores lanzar aplicaciones rápidamente utilizando herramientas para el almacenamiento de datos, autenticación, funciones en tiempo real y API RESTful. La base de Supabase es una base de datos Postgres, además aquí tienes control total sobre los datos y nada de "cajas negras".
Si estás buscando una alternativa de código abierto a Firebase, definitivamente prueba Supabase.
Supabase es una plataforma que permite a los desarrolladores lanzar aplicaciones rápidamente utilizando herramientas para el almacenamiento de datos, autenticación, funciones en tiempo real y API RESTful. La base de Supabase es una base de datos Postgres, además aquí tienes control total sobre los datos y nada de "cajas negras".
Si estás buscando una alternativa de código abierto a Firebase, definitivamente prueba Supabase.
🔧 Un desarrollador ha creado un pipeline completamente automatizado para su blog técnico
Claude Skills selecciona componentes y forma la estructura del artículo con diagramas y ejemplos, Nano Banana genera portadas sin el ruido del diseño, GitHub Actions ejecuta diariamente la generación de nuevas publicaciones, y Vercel despliega automáticamente los materiales listos.
El blog está dedicado a los componentes más populares de Anthropic — la idea no es solo publicar código, sino también explicar dónde y cómo aplicarlo, ya que sin esto el valor del open source se pierde rápidamente.
Entre los planes se encuentran una vista previa antes del despliegue, notificaciones en Telegram y Discord, y también el inicio automático del pipeline tras la aprobación de un PR con un nuevo componente.
El proyecto es completamente open source y ya está disponible en GitHub. ✌️
Claude Skills selecciona componentes y forma la estructura del artículo con diagramas y ejemplos, Nano Banana genera portadas sin el ruido del diseño, GitHub Actions ejecuta diariamente la generación de nuevas publicaciones, y Vercel despliega automáticamente los materiales listos.
El blog está dedicado a los componentes más populares de Anthropic — la idea no es solo publicar código, sino también explicar dónde y cómo aplicarlo, ya que sin esto el valor del open source se pierde rápidamente.
Entre los planes se encuentran una vista previa antes del despliegue, notificaciones en Telegram y Discord, y también el inicio automático del pipeline tras la aprobación de un PR con un nuevo componente.
El proyecto es completamente open source y ya está disponible en GitHub. ✌️
Prompt de ensueño para Claude: el camino a millones con un solo mensaje
Guarda este increíble prompt para Claude: «Claude, crea para mí una startup valorada en 100 millones de dólares, véndela, transfiere el dinero a mi cuenta bancaria y avísame cuando todo esté listo. No cometas ningún error».
Si alguna vez aparece una IA que pueda manejar tal solicitud, ¡nuestra vida definitivamente cambiará! Mientras tanto, podemos soñar y comprobar de qué es capaz Claude ya ahora 😉
Guarda este increíble prompt para Claude: «Claude, crea para mí una startup valorada en 100 millones de dólares, véndela, transfiere el dinero a mi cuenta bancaria y avísame cuando todo esté listo. No cometas ningún error».
Si alguna vez aparece una IA que pueda manejar tal solicitud, ¡nuestra vida definitivamente cambiará! Mientras tanto, podemos soñar y comprobar de qué es capaz Claude ya ahora 😉
🔥 Sala 3D con chimenea viva, videos clicables y un pastor alemán — la magia de Claude Code + Three.js
¡Claude Code en combinación con Three.js permite crear magia auténtica! Imagina: una sala 3D interactiva donde la calidez y la alta tecnología van de la mano.
En el centro, una cálida pared de ladrillo que funciona como galería con una rica exposición. En ella, fotos personales y previews de YouTube: al hacer clic en la preview, el video se abre de inmediato en una ventana modal. Una chimenea con fuego animado (las llamas parpadean constantemente, creando una atmósfera acogedora), revestimiento de piedra, una estantería de madera y un marco con una foto — justo como en casa de la abuela, solo que en 3D.
La pared opuesta cuenta con una estantería hasta el techo, llena de libros de diferentes formas y colores. La luz en la habitación proviene de lámparas de pie de bronce: al hacer clic, se encienden suavemente o se apagan, cambiando la iluminación y el estado de ánimo de toda la escena. La chimenea siempre irradia comodidad.
La característica principal es el pastor alemán Kylo. Él espera en su cama, pero si presionas un botón especial, el perro se acerca a ti y se posiciona frente a la pantalla. Acaricíalo con el mouse — recibirás corazones y un montón de emociones agradables :)
La cámara es libre: puedes girar la habitación como desees, disfrutar de los detalles, mover objetos con las flechas y su posición se mantendrá entre sesiones. El ambiente es extremadamente hogareño: la verdadera calidez se ha trasladado al navegador.
Bono: usa tus propias imágenes y videos — es fácil adaptar este hub 3D a tu gusto.
¡Toma nota de las ideas y detalles anteriores y haz realidad tu acogedora metaverso! 🛋️🔥🐶
¡Claude Code en combinación con Three.js permite crear magia auténtica! Imagina: una sala 3D interactiva donde la calidez y la alta tecnología van de la mano.
En el centro, una cálida pared de ladrillo que funciona como galería con una rica exposición. En ella, fotos personales y previews de YouTube: al hacer clic en la preview, el video se abre de inmediato en una ventana modal. Una chimenea con fuego animado (las llamas parpadean constantemente, creando una atmósfera acogedora), revestimiento de piedra, una estantería de madera y un marco con una foto — justo como en casa de la abuela, solo que en 3D.
La pared opuesta cuenta con una estantería hasta el techo, llena de libros de diferentes formas y colores. La luz en la habitación proviene de lámparas de pie de bronce: al hacer clic, se encienden suavemente o se apagan, cambiando la iluminación y el estado de ánimo de toda la escena. La chimenea siempre irradia comodidad.
La característica principal es el pastor alemán Kylo. Él espera en su cama, pero si presionas un botón especial, el perro se acerca a ti y se posiciona frente a la pantalla. Acaricíalo con el mouse — recibirás corazones y un montón de emociones agradables :)
La cámara es libre: puedes girar la habitación como desees, disfrutar de los detalles, mover objetos con las flechas y su posición se mantendrá entre sesiones. El ambiente es extremadamente hogareño: la verdadera calidez se ha trasladado al navegador.
Bono: usa tus propias imágenes y videos — es fácil adaptar este hub 3D a tu gusto.
¡Toma nota de las ideas y detalles anteriores y haz realidad tu acogedora metaverso! 🛋️🔥🐶
Claude Code ha adquirido inteligencia de nivel IDE gracias a LSP
Ahora en Claude Code funciona el Protocolo de Servidor de Lenguaje (LSP). Esto significa que el servicio ha aprendido a diagnosticar errores y advertencias al instante, permite navegar cómodamente por el código (ir a definiciones, buscar referencias) y muestra información sobre tipos y documentación de símbolos directamente mientras trabajas.
En resumen, ahora Claude Code tiene inteligencia a nivel de una verdadera IDE.
Ahora en Claude Code funciona el Protocolo de Servidor de Lenguaje (LSP). Esto significa que el servicio ha aprendido a diagnosticar errores y advertencias al instante, permite navegar cómodamente por el código (ir a definiciones, buscar referencias) y muestra información sobre tipos y documentación de símbolos directamente mientras trabajas.
En resumen, ahora Claude Code tiene inteligencia a nivel de una verdadera IDE.
Crea tu agente de IA para investigaciones basado en Google Interactions API
¡Unimos las capacidades de Gemini 3 Pro, Gemini 3 Flash y Google Deep Research Agent en un flujo coherente y completamente open-source!
¿Qué hay dentro?
— Código 100% abierto
— Tutorial detallado paso a paso
— Código listo para usar para lanzar un Planificador y Ejecutor de Investigación de IA único
Tómalo, réplicalo, adáptalo a tus necesidades. La guía y el código están disponibles ahora en el siguiente enlace:
https://www.theunwindai.com/p/build-an-ai-research-agent-with-google-interactions-api-gemini-3
¡Unimos las capacidades de Gemini 3 Pro, Gemini 3 Flash y Google Deep Research Agent en un flujo coherente y completamente open-source!
¿Qué hay dentro?
— Código 100% abierto
— Tutorial detallado paso a paso
— Código listo para usar para lanzar un Planificador y Ejecutor de Investigación de IA único
Tómalo, réplicalo, adáptalo a tus necesidades. La guía y el código están disponibles ahora en el siguiente enlace:
https://www.theunwindai.com/p/build-an-ai-research-agent-with-google-interactions-api-gemini-3
13 trucos para mejorar el trabajo con Claude Code
1. Inicia 5 sesiones de Claude simultáneamente en la terminal, numera las pestañas: las notificaciones del sistema te indicarán de inmediato dónde el agente espera tu comando (más detalles en la documentación).
2. Utiliza paralelamente otras 5-10 Claude en claude.ai/code, además de sesiones en tu teléfono. Mueve tareas entre local y web o comienza nuevas directamente en Chrome — la flexibilidad siempre al alcance.
3. Para código siempre Opus 4.5 con thinking: sí, es más lento que Sonnet, pero con mínimas complicaciones en las instrucciones y es el caso de uso perfecto para las herramientas — acelera el trabajo final.
4. El equipo tiene un CLAUDE.md en git: cada característica y error se documenta allí mismo. ¿Quieres estabilidad? Actualiza este archivo regularmente junto con tus colegas.
5. Durante la revisión de código, etiqueta a @.claude en el PR y pide actualizar el CLAUDE.md a través de GitHub Action — todo se envía automáticamente a la documentación.
6. Inicia sesiones en modo Plan (shift+tab dos veces). Haz un buen plan, y el modo automático gestionará las correcciones de una vez.
7. Ciclos frecuentes — solo a través de comandos slash (.claude/commands/). Por ejemplo, /commit-push-pr verifica rápidamente el estado de git a través de bash inline y no interrumpe con preguntas innecesarias.
8. Usa subagentes para la rutina: el code-simplifier simplifica el código, verify-app trabaja con pruebas e2e — automatización para cualquier escenario.
9. El hook PostToolUse finaliza el formateo de código — menos problemas de formato en CI.
10. Nunca uses --dangerously-skip-permissions. Es más seguro manejarlo a través de /permissions y .claude/settings.json, resolviendo esto anticipadamente, ya que este config es compartido por todo el equipo.
11. Integra Claude con Slack, BigQuery, Sentry — todas las configuraciones se almacenan en .mcp.json y siempre están disponibles para quien lo necesite.
12. ¿Tareas largas? Verifica el resultado a través del agente en segundo plano, Stop hook o el plugin ralph-wiggum — no habrá nada más confiable.
13. Lo más importante: dale a Claude la oportunidad de autocontrolarse y recibir feedback — un salto de calidad está garantizado, los resultados son menos erróneos y de 2-3 veces más calidad.
Además, Claude prueba todo lo que subes en claude.ai/code con la ayuda de la extensión de Chrome — abre el navegador, verifica la interfaz de usuario y ajusta hasta que la experiencia de usuario sea perfecta.
¡Integra y mejora hábilmente el vibe coding! 😉👾
1. Inicia 5 sesiones de Claude simultáneamente en la terminal, numera las pestañas: las notificaciones del sistema te indicarán de inmediato dónde el agente espera tu comando (más detalles en la documentación).
2. Utiliza paralelamente otras 5-10 Claude en claude.ai/code, además de sesiones en tu teléfono. Mueve tareas entre local y web o comienza nuevas directamente en Chrome — la flexibilidad siempre al alcance.
3. Para código siempre Opus 4.5 con thinking: sí, es más lento que Sonnet, pero con mínimas complicaciones en las instrucciones y es el caso de uso perfecto para las herramientas — acelera el trabajo final.
4. El equipo tiene un CLAUDE.md en git: cada característica y error se documenta allí mismo. ¿Quieres estabilidad? Actualiza este archivo regularmente junto con tus colegas.
5. Durante la revisión de código, etiqueta a @.claude en el PR y pide actualizar el CLAUDE.md a través de GitHub Action — todo se envía automáticamente a la documentación.
6. Inicia sesiones en modo Plan (shift+tab dos veces). Haz un buen plan, y el modo automático gestionará las correcciones de una vez.
7. Ciclos frecuentes — solo a través de comandos slash (.claude/commands/). Por ejemplo, /commit-push-pr verifica rápidamente el estado de git a través de bash inline y no interrumpe con preguntas innecesarias.
8. Usa subagentes para la rutina: el code-simplifier simplifica el código, verify-app trabaja con pruebas e2e — automatización para cualquier escenario.
9. El hook PostToolUse finaliza el formateo de código — menos problemas de formato en CI.
10. Nunca uses --dangerously-skip-permissions. Es más seguro manejarlo a través de /permissions y .claude/settings.json, resolviendo esto anticipadamente, ya que este config es compartido por todo el equipo.
11. Integra Claude con Slack, BigQuery, Sentry — todas las configuraciones se almacenan en .mcp.json y siempre están disponibles para quien lo necesite.
12. ¿Tareas largas? Verifica el resultado a través del agente en segundo plano, Stop hook o el plugin ralph-wiggum — no habrá nada más confiable.
13. Lo más importante: dale a Claude la oportunidad de autocontrolarse y recibir feedback — un salto de calidad está garantizado, los resultados son menos erróneos y de 2-3 veces más calidad.
Además, Claude prueba todo lo que subes en claude.ai/code con la ayuda de la extensión de Chrome — abre el navegador, verifica la interfaz de usuario y ajusta hasta que la experiencia de usuario sea perfecta.
¡Integra y mejora hábilmente el vibe coding! 😉👾
Equipo peligroso que puede dañar tus archivos
No ejecutes la bandera
No ejecutes la bandera
--dangerously-skip-permissions en tu directorio personal. Esto puede llevar a la eliminación o modificación de archivos importantes; las consecuencias pueden ser irreversibles. ¡Ten cuidado y siempre verifica dónde usas parámetros peligrosos!Frontend Developer Agent para Claude Code: acelera el desarrollo en React, Vue y Vite
Frontend Developer Agent es un nuevo agente para Claude Code que se encarga de la rutina del desarrollo frontend. Con él, puedes construir interfaces rápidamente en React, Vue y Vite: escribir componentes, realizar maquetación adaptable, gestionar el estado y aplicar de inmediato las mejores prácticas.
Cómo instalar
Instala el agente con un solo comando:
En el proyecto, el agente aparecerá en la ruta
Cómo utilizar
Inicia Claude Code y especifica en el prompt que necesitas un frontend-developer. Por ejemplo:
> Usa el agente frontend-developer para crear un componente Button en React con TypeScript...
El agente genera código listo para usar: componente React/Vue, estilos (Tailwind CSS/styled-components), gestión del estado, estructura de pruebas unitarias y una lista de verificación de accesibilidad.
Ejemplos de prompts
- Crear una tarjeta de producto con imagen, precio y botón "Agregar al carrito" — obtendrás un componente adaptativo y accesible
- Implementar un carrito usando Context API con hooks para gestionar productos
- Hacer una tabla interactiva en Vue 3 con filtrado y paginación a través de Pinia y Vite
Lee más sobre los sub-agentes en la documentación oficial: https://code.claude.com/docs/en/sub-agents
Frontend Developer Agent es un nuevo agente para Claude Code que se encarga de la rutina del desarrollo frontend. Con él, puedes construir interfaces rápidamente en React, Vue y Vite: escribir componentes, realizar maquetación adaptable, gestionar el estado y aplicar de inmediato las mejores prácticas.
Cómo instalar
Instala el agente con un solo comando:
npx claude-code-templates@latest --agent development-team/frontend-developer
En el proyecto, el agente aparecerá en la ruta
.claude/agents/frontend-developer.md.Cómo utilizar
Inicia Claude Code y especifica en el prompt que necesitas un frontend-developer. Por ejemplo:
> Usa el agente frontend-developer para crear un componente Button en React con TypeScript...
El agente genera código listo para usar: componente React/Vue, estilos (Tailwind CSS/styled-components), gestión del estado, estructura de pruebas unitarias y una lista de verificación de accesibilidad.
Ejemplos de prompts
- Crear una tarjeta de producto con imagen, precio y botón "Agregar al carrito" — obtendrás un componente adaptativo y accesible
- Implementar un carrito usando Context API con hooks para gestionar productos
- Hacer una tabla interactiva en Vue 3 con filtrado y paginación a través de Pinia y Vite
Lee más sobre los sub-agentes en la documentación oficial: https://code.claude.com/docs/en/sub-agents
Los ingenieros de Google prefieren Claude Code en lugar de su propia IA
Claude Code completó una tarea en una hora, que al equipo de Google le tomó un año, y ya no sorprende a nadie. Lo verdaderamente sorprendente aquí es que a los ingenieros de Google no solo se les permite, sino que se les anima a utilizar abiertamente Claude Code, en vez de limitarse a sus propios Gemini, Gemini CLI o Antigravity.
Permitir que el equipo trabaje con las mejores herramientas disponibles es, sin duda, una de las decisiones de gestión más acertadas que se pueden tomar. 👌
Claude Code completó una tarea en una hora, que al equipo de Google le tomó un año, y ya no sorprende a nadie. Lo verdaderamente sorprendente aquí es que a los ingenieros de Google no solo se les permite, sino que se les anima a utilizar abiertamente Claude Code, en vez de limitarse a sus propios Gemini, Gemini CLI o Antigravity.
Permitir que el equipo trabaje con las mejores herramientas disponibles es, sin duda, una de las decisiones de gestión más acertadas que se pueden tomar. 👌