Cómo usar Claude Design para crear sitios web increíbles
AAI LABS
Computing/SoftwareInternet Technology
Transcript
00:00:00Un buen diseño importa mucho porque si quieres clientes, la estética de tu sitio es lo primero
00:00:05que juzgan. Hay muchas herramientas que ayudan con esto y Claude Design es una de las más
00:00:09potentes que existen ahora mismo. Pero un buen diseño no surge solo de darle instrucciones a la herramienta. Así que en
00:00:14este vídeo vamos a ver un proceso de cinco etapas que puedes llevar a cabo con Claude Design
00:00:18por tu cuenta. Tanto si nunca has abierto Claude Design como si lo llevas usando meses, hay
00:00:22algo aquí para ti. Si jamás lo has abierto antes, no pasa nada porque empezamos explicando qué es
00:00:27la herramienta. Y si ya llevas diseñando en ella, veremos cómo integramos Claude Design
00:00:32con Claude Code para hacerla mucho más potente. Así que usa las marcas de tiempo abajo para ir directo allí.
00:00:37Ahora, si eres nuevo en el canal, te damos la bienvenida. Somos una empresa de software y hemos creado
00:00:41un sistema completo para ti en torno a Claude Design basado en nuestros procesos internos. Así que sin perder más
00:00:47tiempo, vamos con el vídeo. Esta sección es solo para quienes no sepan qué es Claude Design. Así
00:00:52que si ya lo conoces, puedes saltar a la siguiente. Salió por primera vez como una vista previa de investigación
00:00:57cuando Claude lanzó su modelo Opus 4.7. Básicamente es una herramienta de diseño con una interfaz muy fácil
00:01:02de usar que permite a cualquiera, incluso a personas sin conocimientos técnicos, crear buenos diseños con simples
00:01:07instrucciones. Y está disponible en todos los planes de pago. Tampoco se limita solo a páginas web. Puedes
00:01:12diseñar tus diapositivas, documentos e incluso crear animaciones con ella. Además, Claude Design está disponible
00:01:17tanto en la aplicación de escritorio de Claude como en su sitio web. Así que no necesitas instalar obligatoriamente la aplicación.
00:01:22Si quieres usarla en la app, solo descárgala, ejecuta la instalación e inicia sesión en tu cuenta.
00:01:27Luego abres la barra lateral, haces clic en diseño y se abrirá su interfaz para que empieces a usarla.
00:01:32Claude Design te ofrece todos los modelos de Claude para elegir, incluso Fable, que es su modelo más
00:01:37capaz, aunque solo tienes acceso limitado a él. Su buque insignia para uso general sigue siendo Opus,
00:01:42y sigue siendo el mejor para diseñar. Pero el problema con estos modelos Opus es que consumen
00:01:46muchísimos tokens. Haiku, en cambio, no usa tantos, pero quizás necesite más
00:01:51refinamiento para obtener un buen diseño. Y además de eso, puedes configurar el nivel de esfuerzo para cada
00:01:55modelo también. El nivel de esfuerzo básicamente controla cuánto piensa el modelo antes de hacer algo. Usamos
00:02:01Opus 5, el modelo más reciente hasta ahora, con un esfuerzo medio para nuestras tareas de diseño porque nos permite diseñar
00:02:06con facilidad sin desperdiciar demasiados tokens. También te permite incorporar todos tus MCPs y habilidades, lo que facilita
00:02:12mucho usar tu propio sistema directamente dentro de él. Para quien no lo sepa, los MCPs son básicamente lo que permite
00:02:18que un agente se conecte con elementos externos, como otras herramientas y servicios, y las habilidades son conjuntos de
00:02:23instrucciones que enseñan al agente a hacer algo mejor con orientación paso a paso y referencias que
00:02:28puede seguir. Ahora, antes de empezar, hay que tener algo en cuenta. Hay un límite en la cantidad de diseños
00:02:33que puedes crear. Claude Design funciona con un límite de 5 horas, pero no es solo para tus diseños. Todo lo demás que
00:02:38haces en Claude cuenta para el mismo límite. Dentro de esa ventana de 5 horas, hay un tope en la cantidad de tokens que
00:02:44puedes gastar, y una vez que se agotan, tienes que esperar a que terminen esas 5 horas para poder usarlo
00:02:49de nuevo. Y aunque ha mejorado muchísimo desde su lanzamiento, Claude Design sigue
00:02:53consumiendo muchos tokens, así que si lo usas intensamente, espera que tus límites se agoten más rápido. Para
00:02:59contrarrestar el uso excesivo de tokens, debes seguir ciertos pasos antes de lanzarte directamente a dar instrucciones.
00:03:04Estos pasos son importantes porque garantizan que obtengas el diseño que deseas sin desperdiciar
00:03:09muchos tokens. Lo primero que debes hacer es crear el archivo design.md. Este es un formato que
00:03:15Google impulsó y que contiene todos los detalles del diseño de tu marca. Tu agente de programación con IA lee ese archivo
00:03:20antes de escribir nada, por lo que cada pantalla que te ofrece se ajusta a la marca. Nunca tiene que adivinar,
00:03:25así que nunca se sale de la identidad de marca. Ahora bien, Claude Design tiene una función que te permite crear sistemas de diseño.
00:03:30Un sistema de diseño es básicamente un conjunto de opciones de estilo que aparecen en todo tu sitio. Contiene tus fuentes,
00:03:35tus colores y todos los demás detalles que componen tu diseño, y te permite usarlos para construir
00:03:40más diseños. Así, todos los diseños construidos con un sistema de diseño seguirán el mismo estilo y parecerán
00:03:46parte del mismo sitio. Pero la razón principal por la que querrás empezar con un archivo design.md predefinido es que
00:03:51todos estos modelos generan diseños que parecen idénticos. Si dejas que Claude Design cree el sistema de diseño por sí
00:03:57mismo, recurrirá a los colores y estilos genéricos que los modelos Opus usan en todas partes, y
00:04:02debido a eso, tu sitio terminará pareciéndose a cualquier otro sitio creado por IA. Pero si le
00:04:07proporcionas un archivo design.md en el que basar el sistema de diseño, ese archivo le indica exactamente lo que quieres, por lo que está mucho
00:04:12más controlado y no recurre a esos valores predeterminados. Y como ya mencionamos, la otra
00:04:17razón es la coherencia. Dado que todo el sistema de diseño se basa en ese único archivo, cada página sigue exactamente
00:04:22el mismo estilo, que es lo que mantiene tu sitio de múltiples páginas con un aspecto coherente. Para ello, creamos una habilidad
00:04:27que planifica el archivo design.md por ti. Para usar esta habilidad, la ejecutas dentro de Claude Code. Y Claude
00:04:33Code es básicamente otra herramienta de Anthropic. Es fundamentalmente una herramienta de programación por IA que ejecutas en tu terminal
00:04:39y que puede construir aplicaciones enteras para ti. Para instalarla, solo dirígete a su sitio oficial, copia el comando
00:04:45de instalación y ejecútalo en tu terminal. Una vez hecho esto, escribes Claude en la terminal,
00:04:49y puedes empezar a usarla escribiendo tus instrucciones. Como íbamos a construir la aplicación en Claude
00:04:54Code, simplemente colocamos esta habilidad en la carpeta de habilidades dentro de la carpeta .claude, que es básicamente
00:04:59donde residen todas las configuraciones y ajustes de Claude Code. Probablemente no tengas esta carpeta, pero puedes indicarle
00:05:05a Claude Code en el cuadro de instrucciones que necesitas instalar habilidades en el proyecto, y se encargará de
00:05:10configurarlo e incluso de colocar la habilidad allí por sí mismo. La carpeta .claude no será visible cuando la abras
00:05:15en Finder. Eso se debe a que su nombre comienza con un punto, y los archivos que empiezan con un punto se tratan como
00:05:20archivos de sistema, por lo que Finder los oculta de forma predeterminada. Así que para acceder, necesitas un editor de código, que
00:05:25es básicamente una aplicación que te permite ver todos los archivos de tu proyecto en un lugar organizado. El que usamos
00:05:31es VS Code, que es de Microsoft, y es el que la mayoría de los desarrolladores usan debido a lo fácil que es
00:05:36trabajar con él. Para instalarlo, ve a su sitio oficial, descarga el instalador para el sistema
00:05:40operativo que uses y ejecuta la instalación. Luego simplemente abre la carpeta de tu proyecto en su interior y podrás
00:05:45ver todo, incluidos los archivos ocultos. Después, cada vez que quieras construir una aplicación, solo
00:05:49invocas esta habilidad con su comando de barra diagonal, que es básicamente un atajo que escribes con una barra para
00:05:54activarlo y darle una instrucción que le indique lo que deseas construir. Te entrevista y planifica la
00:05:59identidad visual del producto contigo en detalle, y una vez que lo tiene todo, redacta
00:06:03todo el archivo design.md, y además lo valida frente a los estándares de Google ejecutando los scripts. Esta habilidad
00:06:09también contiene referencias anti-chapuza, que son básicamente todos los patrones comunes que delatan a un sitio como creado
00:06:15por IA. Así que planificar primero un design.md es realmente la mejor opción. Además, si te preguntas dónde
00:06:21conseguir esta habilidad, no te preocupes, te lo diremos más adelante en el vídeo. Ahora bien, la aplicación que estamos construyendo en este vídeo
00:06:26es una aplicación de gestión de proyectos donde administras todos tus proyectos de código en un solo lugar. Para empezar,
00:06:31primero le das a Claude Code una instrucción con el comando de barra para la habilidad, hablándole sobre la aplicación que
00:06:36quieres construir en términos generales y para qué se va a usar, y comienza analizando la identidad
00:06:41visual de tu idea. Una vez que tiene eso, empieza a hacerte preguntas, como si tienes algún
00:06:46color en mente para tu sitio web. Si ya has decidido los colores de tu marca, puedes proporcionarlos,
00:06:51o puedes dejar que los elija por sí mismo. Como estás usando la habilidad, no recurrirá a colores genéricos de baja calidad,
00:06:55por lo que no tienes que preocuparte por ese aspecto genérico, pero aun así es mejor tenerlos decididos
00:07:00de antemano. Lo que solemos hacer es usar coolers, que es el sitio web que genera y visualiza
00:07:05paletas de colores, para que puedas ver cómo se ven los colores juntos. Una vez que encuentres una combinación de colores
00:07:09que te guste, puedes hacer clic en exportar, luego elegir la opción de código, y te dará
00:07:14un texto que puedes copiar y pegar directamente en Claude Code. Claude Code pondrá esto
00:07:18dentro de tus archivos design.md por ti. Después de eso, creará el archivo design.md y ejecutará
00:07:24algunos pasos de verificación. Y el archivo de diseño sale exactamente de la manera en que Google lo estructuró.
00:07:29Ahora bien, ese formato de Google es fácil de entender para el modelo de IA, pero es difícil para ti
00:07:33visualizar realmente los diseños que se van a generar a partir de esto, por lo que no puedes saber si es el diseño que
00:07:38quieres finalizar o si necesita cambios. Pero no lo pruebes dentro de Claude Design. Generas
00:07:43tus diseños allí, y supongamos que no te gustan. Ahora tienes que volver al archivo design.md,
00:07:48cambiarlo y generar todo de nuevo. Cada una de esas rondas te cuesta tokens. Hay muchas
00:07:53herramientas que simplemente visualizan un archivo design.md por ti, y una de las que usamos es design.md.space. Cualquiera
00:07:59de ellas te muestra cómo se ve tu archivo de diseño y cómo funcionan juntos todos los colores elegidos para diferentes áreas.
00:08:04También visualiza todos los elementos, lo que hace que sea mucho más fácil tomar decisiones sobre ellos. Ahora bien, esta
00:08:10es solo una forma de crear un archivo design.md, pero hay otras. Si no quieres hacer uno por tu
00:08:15cuenta, puedes simplemente copiar el diseño de un sitio web popular como muestra. Y sinceramente, copiar uno como
00:08:19referencia es lo que mucha gente ya hace. Lo tomas como punto de partida y haces cambios para
00:08:24hacerlo tuyo, al igual que muchos han tomado el aspecto minimalista de Notion y lo han adaptado
00:08:29a sus propios diseños tras unos pocos retoques. Para eso, hay un sitio llamado getdesign.md, que lista
00:08:34muchas marcas y todos sus estilos como archivos design.md que puedes conseguir por tu cuenta. Como
00:08:39ya tenemos nuestro propio design.md, podemos avanzar con Claude Design y crear un nuevo
00:08:44sistema de diseño a partir de él. Cuando creas uno nuevo, te pregunta los detalles del producto. Pero como ya
00:08:49tienes un design.md, simplemente lo subes como recurso. Y luego comienza a generar el nuevo sistema
00:08:55leyendo el archivo, creando tareas pendientes y trabajando en ellas una por una. Al poco tiempo, Claude Design
00:09:00crea el sistema de diseño y visualiza todo para ti, construyendo los diferentes elementos que formarán
00:09:06parte de la aplicación en la que se usará. Ahora, para que puedas seguir este flujo de trabajo, necesitarás esta
00:09:10habilidad. La hemos subido a GitHub y enlazado en la descripción para que puedas obtenerla gratis.
00:09:14Así que para usarla, solo dale este enlace a Claude Code y dile que la configure por ti, y la instalará
00:09:19y colocará en la carpeta .claude sin que tengas que hacer nada. Ahora, una vez que el sistema de diseño
00:09:24está listo y es hora de usarlo realmente, hay otro paso muy importante antes de empezar
00:09:29a construir el sitio. Y ese es crear bocetos o wireframes de lo que quieres construir. Un boceto es básicamente
00:09:34un esquema rápido que te permite ver dónde van todos los elementos y si están bien ubicados. Ahora,
00:09:39podrías ponerte a construir el sitio directamente, pero eso trae problemas. Tendrías que esperar mucho
00:09:43tiempo porque Claude Design es lento creando diseños y si después de todo eso el diseño no es el que
00:09:48necesitas, tendrías que volver a hacer todo. Así que para hacerlo en Claude Design, selecciona el sistema de diseño que
00:09:53acabas de hacer, elige la opción de boceto y dale una instrucción con los detalles de cuántas pantallas quieres.
00:09:58Después de eso, también te permite crear múltiples opciones para cada pantalla para que Claude te dé unos
00:10:03cuantos estilos diferentes de cada pantalla para elegir. No tardará mucho en generarlas y luego puedes
00:10:08revisar la estructura y ver todas las variaciones que hizo para la misma página. También
00:10:12tiene una función de comentarios, así que para cambiar cualquier detalle, solo dejas un comentario en él. Un comentario básicamente
00:10:18envía los detalles exactos de ese elemento junto con tu instrucción para que Claude sepa exactamente qué área necesita
00:10:23cambios y cómo. Eso lo hace mucho mejor que simplemente dar una instrucción y dejar que Claude descubra a qué
00:10:28área te refieres por sí solo. Y para agregar uno, solo seleccionas la función de comentarios, haces clic en lo exacto
00:10:33que quieres cambiar y escribes el cambio que necesitas. Y puedes agregar tantos comentarios como necesites.
00:10:38Podrías enviarlos uno por uno, pero es mejor agruparlos y enviarlos todos a la vez para que los resuelva
00:10:42en conjunto y solucione todo de una vez. Eso mantiene tu tiempo de espera al mínimo. Así que sigue
00:10:48ajustándolo hasta que estés feliz con la estructura y una vez que termines aquí, puedes pasar a lo siguiente. Y si
00:10:52estás disfrutando el video hasta ahora, suscríbete al canal y presiona el botón de me gusta. Este pequeño gesto de
00:10:57apoyo nos ayuda muchísimo. Ahora, una vez que hayas diseñado el boceto, es hora de diseñar el diseño
00:11:03definitivo. También puedes usar el mismo diseño para crear algunas variaciones. Como normalmente
00:11:06le pides a Claude que haga varias versiones del mismo diseño, primero eliges cuál variación quieres
00:11:10de las que acabas de hacer. Cada una de estas páginas se identifica por su número de código, así que la seleccionas
00:11:15por ese medio. Después de eso, le das una instrucción indicándole que quieres que estas pantallas se conviertan en el diseño real con todo
00:11:20detalle y le pides que mantenga la disposición y la estructura del boceto con un espaciado limpio
00:11:26y jerarquía. Claude Design lee entonces todos los elementos que creó al armar el sistema de diseño.
00:11:31Y usándolos, construye todo el sitio para que quede exactamente de acuerdo con el sistema de diseño
00:11:36y el boceto, tal como lo necesitamos. Al igual que en el boceto, puedes comentar y arreglar cosas
00:11:41aquí también. Y probablemente necesites muchos cambios porque suele no elegir bien los colores de los botones.
00:11:46Algunos botones necesitan captar la atención y deben tener un color llamativo para destacar, así que puedes pedirle
00:11:50que los arregle. Y debido a que se construye sobre el boceto, el sitio queda un poco vacío por
00:11:55sí solo, con solo las partes básicas agregadas sobre el esquema rudo, por lo que puedes pedirle que añada texturas
00:12:00y elementos para lograr un aspecto más completo. También puedes aplicar ediciones directamente en el diseño, así que si tienes un cambio menor
00:12:05como eliminar algún elemento, puedes hacerlo directamente en el diseño sin pedirle a Claude que lo haga
00:12:10por ti. De ese modo, el cambio se aplica sin que tengas que esperar y desperdiciar tokens en algo tan
00:12:15pequeño. Y una vez que termines de hacer los cambios, puedes pedirle a Claude Design que pula el aspecto general,
00:12:20y este hará cambios sutiles y significativos en el diseño. Así que la primera versión de la aplicación está
00:12:25terminada por ahora, pero falta algo y son las animaciones. Estas son importantes porque
00:12:29hacen que un sitio se sienta mejor al usarse y guían la vista hacia lo que realmente importa. Detalles como el desplazamiento
00:12:35al aparecer u otros pequeños toques hacen que el sitio se sienta más vivo. Así que para eso, le dimos a Claude Design
00:12:40la instrucción de agregar animaciones en todas las pantallas, como elementos que aparecen al desplazarse u otros pequeños
00:12:45detalles que hacen que el sitio se sienta más vivo. Y le indicamos que las mantuviera sutiles y que no hiciera
00:12:50nada demasiado exagerado, ya que eso puede sentirse extraño. Una vez que Claude Design terminó, se podían ver las animaciones de
00:12:55aparición al desplazar y de texto emergente que hacen que todo el sitio se sienta mucho más interactivo. Y una vez que estés
00:13:00satisfecho con el diseño, puedes pasar al siguiente paso, que es la entrega. Así que el diseño en Claude
00:13:05Design ya está finalizado, y es hora de darle vida convirtiéndolo en el producto real que
00:13:10vamos a entregar al final. Claude Design no tenía esto antes, pero ahora puedes exportar tus diseños
00:13:15directamente a Claude Code. Utiliza el MCP de Claude Design, que es básicamente lo que permite que Claude Design y
00:13:21Claude Code se comuniquen entre sí. Y no solo funciona en un sentido, funciona en ambos. Así que puedes mover
00:13:26tus diseños de Claude Design a Claude Code y traerlos de vuelta de la misma manera también. Abres Claude
00:13:31Code de nuevo y pegas esta instrucción que obtuviste de Claude Design. Comienza leyendo los metadatos,
00:13:36que son básicamente la información resumida sobre el diseño, y luego enumera los archivos del proyecto. Lee el sistema de diseño
00:13:42primero, porque ahí es donde se define el diseño, y luego lee todos los elementos uno por
00:13:47uno. Una vez que tiene el diseño completo, lo construye en tu proyecto, con todas las animaciones que están en
00:13:52Claude Design. Pero tuvimos que verificar esta conversión para asegurarnos de que se hiciera correctamente. Visualmente,
00:13:57todo se veía bien, pero aún podía haber problemas internos cuando el código bruto de Claude Design
00:14:02se convierte en una aplicación real. Así que le pedimos una revisión profunda, y comenzó a verificar el design.md
00:14:08contra lo que realmente construyó para ver si ambos coincidían. Y esta revisión detectó múltiples problemas
00:14:12como problemas de adaptabilidad, lo que significa que la aplicación no se veía bien en diferentes tamaños de pantalla,
00:14:17tales como teléfonos móviles o tabletas. Lo que construye Claude Design tiende a tener este problema, porque
00:14:22todavía es una versión temprana, así que lo que sea que diseñe sale mejor para el propósito exacto para el que fue hecho. Un diseño
00:14:27hecho para un sitio web se verá genial allí, pero no siempre en otros tamaños de pantalla, así que ejecutamos las correcciones,
00:14:32y después de eso la parte visual de la aplicación funcionaba y era adaptable. Ahora, para terminar realmente esta
00:14:36aplicación y hacer que funcione, necesitábamos conectarla a algo llamado base de datos. Entonces, el problema
00:14:41ahora mismo es que, aunque la aplicación es completamente funcional, y si hacemos clic en los botones, funcionará y añadirá
00:14:46detalles en un proyecto nuevo. Pero si abrimos la aplicación de nuevo, todo el progreso que hicimos en la aplicación
00:14:51desaparecerá. Por eso necesitamos una base de datos, para que todos esos datos se almacenen dentro de la aplicación y la gente pueda
00:14:57usarla de verdad. Para eso usamos Supabase. Es uno de los proveedores de backend más populares que existen,
00:15:02y una de las mejores formas de administrar usuarios y todos tus datos. Supabase no es nuevo para nosotros. Lo usamos
00:15:08en casi todas las aplicaciones que construimos, sin importar para quién estemos construyendo, e incluso muchas de nuestras herramientas internas
00:15:12ejecutan toda su configuración en él. Esto se debe a que nos quita de encima gran parte del trabajo que
00:15:17de otro modo tendríamos que hacer. También es una de las bases de datos más utilizadas, simplemente por lo fácil
00:15:22que es conectarla con agentes de IA como Claude Code. Supabase también tiene una habilidad de agente, que contiene
00:15:28instrucciones, scripts y recursos que el agente puede usar para trabajar con Supabase de forma más confiable. De esa manera,
00:15:33sabe todo lo necesario para aprovechar al máximo las herramientas de Supabase. Para instalarla, solo copias
00:15:39el comando de instalación y se lo das al agente; dentro de ese paquete hay dos habilidades. Una es la
00:15:43habilidad de Supabase, que es básicamente una guía sobre cómo usarla, y la otra es la habilidad de mejores prácticas,
00:15:48que contiene las mejores formas de optimizar el rendimiento de tu aplicación. Una vez que finaliza la instalación,
00:15:53verás ambas nuevas habilidades añadidas a tu proyecto. La habilidad de Supabase se activa siempre que hay alguna
00:15:58tarea de base de datos o inicio de sesión, y la habilidad de mejores prácticas entra en acción si quieres que Claude Code haga que tu
00:16:04aplicación sea más rápida mencionando las palabras “optimizar rendimiento” en tu instrucción. Todo eso está
00:16:08respaldado por una enorme biblioteca de referencias para todo tipo de problemas. Una vez que estas habilidades están instaladas,
00:16:13puedes darle a Claude Code una instrucción para construir el backend y conectar el diseño existente a este,
00:16:18para que toda la aplicación funcione de verdad. Ahora, como no queríamos que el agente trabajara en la estructura de
00:16:22cómo se organizan los datos de la aplicación, ya la habíamos creado nosotros mismos de antemano y la habíamos añadido a la
00:16:27carpeta principal del proyecto. Dado que la habilidad es solo un conjunto de instrucciones, no puede acceder a tu proyecto
00:16:32en los servidores de Supabase y hacer cambios allí. Es solo texto que le dice al agente qué hacer,
00:16:36por lo que no viene con ninguna herramienta que le permita trabajar en cosas fuera del agente. Por eso la habilidad de Supabase
00:16:41te pide que conectes su CLI, que es la herramienta que ejecutas desde la terminal,
00:16:46o el MCP. Cualquiera de los dos le da al agente las herramientas para trabajar en tu proyecto de Supabase directamente,
00:16:51para que no tengas que hacer nada manualmente. Elegimos el MCP porque es más fácil de configurar,
00:16:56y no tendríamos que lidiar con las claves que permiten que la CLI inicie sesión en tu cuenta. Para conectarlo,
00:17:01te diriges a su sitio oficial, copias el comando de instalación para el agente que estás usando,
00:17:05y lo ejecutas en la terminal abierta en la carpeta de tu proyecto. Después de eso, ejecutas el comando /mcp
00:17:10dentro de Claude Code y verás que está conectado, pero no podrás usarlo de inmediato porque
00:17:15no ha iniciado sesión. Así que una vez que selecciones Autenticar, serás redirigido al navegador donde inicias sesión,
00:17:20y luego el MCP quedará conectado. Una vez conectado el MCP, Claude Code cargó la habilidad
00:17:25y se puso a trabajar en la aplicación. Hizo muchos cambios y ejecutó pruebas en esas peticiones a la base de datos
00:17:30para asegurarse de construir la mejor versión. También se aseguró de proteger todas las áreas que
00:17:34no deberían ser accesibles para cualquier usuario, todo gracias a esas pautas en la habilidad. Y así,
00:17:39Supabase maneja todo el backend por ti, a través de la habilidad. Así que ahora toda la aplicación está construida
00:17:44y funcionando de verdad. Solo queda un paso, que es el despliegue, es decir, ponerla en línea
00:17:49para que cualquiera pueda usarla. Pero no vamos a profundizar en eso aquí, así que mantente atento a los
00:17:53próximos vídeos donde lo repasaremos en detalle. Ahora, la habilidad que proporcionamos es en realidad parte de un sistema de diseño
00:17:59más grande que usamos internamente en nuestros proyectos. Así que si quieres acceso a ese sistema,
00:18:04puedes obtenerlo dentro de AI Labs Pro, que es nuestra comunidad. Ahí es también donde encontrarás
00:18:08otras habilidades y recursos que mostramos en nuestros vídeos, junto con un espacio para interactuar con nuestro
00:18:14equipo. Así que si has encontrado valor en lo que hacemos y quieres apoyar al canal, esta es la mejor manera de
00:18:18hacerlo. El enlace está en la descripción. Eso nos trae al final de este vídeo. Si te gustaría apoyar
00:18:23al canal y ayudarnos a seguir haciendo vídeos como este, puedes hacerlo usando el botón de Super Gracias
00:18:28abajo. Como siempre, gracias por ver y nos vemos en el próximo.
Community Posts
No posts yet. Be the first to write about this video!
Write about this video