YT YouTube2Text

YouTube2Text → Transcripts → O Design do Claude acaba de ficar 10 x MELHOR… e é perfeito!

O Design do Claude acaba de ficar 10 x MELHOR… e é perfeito! — Transcript

by Felipe Borges - Fala IA! · 5,306 words · 772 segments · language pt · Watch on YouTube

Open in transcriber Summarize with AI Download SRT/VTT

Full transcript

0:00O cloud consegue criar designs
0:01incríveis, mas uma nova técnica de
0:03prompting acabou de resolver a principal
0:04limitação dele. Essa técnica se chama
0:06Guntlet Loop e permite criar gráficos
0:08incríveis para sites, apresentações e
0:10outros materiais praticamente com um
0:12único promptendo muito menos erro. Essa
0:14técnica foi popularizada por esse Mat
0:16Schumer e ela vem sendo bastante
0:18mostrada e divulgada nos últimos dias.
0:20Isso daqui, por exemplo, que a gente tá
0:21vendo, esse Mat construiu com apenas um
0:23único promptica
0:25de Gunt Loop. E de fato a gente repara
0:27que o resultado que ele chegou com
0:29apenas um único prompt deixando o Cloud
0:31trabalhar é realmente impressionante.
0:32Tão impressionante que o próprio
0:34Undercar Path não querendo ficar para
0:35trás criou também usando essa mesma
0:37técnica, esse mundo 3D extremamente bem
0:40feito. Olha o gráfico disso daqui, olha
0:42a qualidade disso que foi criado e de
0:44novo utilizando apenas um único prompt.
0:46Mas apesar disso tudo ser muito legal,
0:48ela não tem tanta aplicação prática
0:50paraa nossa realidade, pra realidade de
0:52quem tá trabalhando com IA de um jeito
0:54menos exagerado, vamos chamar assim. Nós
0:57meros mortais que temos que criar sites,
0:59imagens, editar vídeo, nós que
1:01precisamos de um efeito mais prático e
1:03não ficar criando o joguinho, por mais
1:05que isso aqui seja realmente muito
1:06incrível. Então, nesse vídeo, minha
1:08intenção não é ficar te mostrando como
1:09você vai criar jogos ou coisas que
1:11muitas vezes não fazem parte da nossa
1:13realidade, e sim como nós vamos aplicar
1:14essa mesma técnica pra gente construir
1:16sites, carrosséis, até mesmo teasers em
1:18HTML. E aí com isso, quando a gente
1:19chegar no final desse vídeo, você vai
1:21conseguir recriar coisas incríveis
1:22usando qualquer sistema de design como
1:24referência. Aliás, se você é novo por
1:26aqui, meu nome é Felipe. Se você quer
1:27aprender a usar IA para criar projetos
1:29profissionais e ganhar dinheiro com
1:30isso, você tá no lugar certo. Então se
1:31inscreve aqui no canal e ativa o sininho
1:33para não perder nenhum vídeo, vídeos
1:34semanais aqui, para que você continue
1:36aprendendo cada vez mais sobre a
1:37inteligência artificial de maneira
1:39profissional. E pra gente já começar a
1:41colocar a mão na massa, a primeira coisa
1:42que a gente precisa fazer é criar um
1:44design system. E para isso a gente vai
1:46utilizar o nosso cloud design. Então
1:48você acessa ele aí no desktop e a gente
1:50vai vir aqui em design systems. Esse
1:52passo aqui ele não é necessariamente
1:54obrigatório, mas ele melhora muito todo
1:55o processo, porque aqui no site do Cloud
1:58Design a gente consegue criar a nossa
1:59identidade. Então imagina que você já
2:01tem apresentações, que você já tem um
2:03design próprio naquilo que você usa e
2:04você quer criar um documento, um design
2:07system que você pode mandar pros modelos
2:09como referência e pedir para que ele
2:10faça todas as criações com base nisso. E
2:13para criar tudo isso é muito simples. A
2:14gente vai vir aqui em create design
2:15system e aqui a gente vai poder arrastar
2:17documentos de alguma apresentação que
2:19você tenha, de algum modelo, de algum
2:21carrossel, enfim, qualquer coisa que
2:23você tenha que você ou tenha gostado ou
2:24que já faça parte da sua marca, a gente
2:26pode simplesmente colocar aqui. Ou a
2:28gente pode criar isso utilizando o Cloud
2:30Code. É uma opção também. Você cria algo
2:32ali no Cloud Code, você gosta bastante,
2:34você achou isso interessante, você pede
2:36justamente para que ele transforme isso
2:38em um design system aqui no nosso cloud
2:40design. Quando a gente pede para ele
2:41executar isso, o que ele vai entregar de
2:43volta para nós é exatamente isso. Um
2:45documento absolutamente completo, com
2:48todas as paletas, com tipografia, com
2:50absolutamente tudo aquilo que a gente
2:51gosta e costuma utilizar nos nossos
2:53projetos. Então isso daqui, por exemplo,
2:55é o design do canal Felipe Borges. Eia.
2:58Ele tá aqui tudo que eu uso, todas as
2:59paletas que eu utilizo, tudo aquilo que
3:01eu gosto de utilizar nos meus materiais,
3:02ele já tá aqui tudo muitíssimo
3:04explicado. Agora, uma vez que nós já
3:06criamos então o nosso design system, ou
3:08seja, a gente tem um documento muito bem
3:09detalhado sobre como a gente quer que as
3:11coisas sejam construídas, agora a gente
3:13vai cair aqui pro nosso cloud code. Isso
3:15porque a técnica que a gente vai
3:16utilizar é uma técnica que exige um
3:18maior poder de processamento que só o
3:20Cloud Code pode entregar. Então o passo
3:21número um é o que a gente acabou de
3:23fazer, buscar uma referência de design.
3:24No caso, a gente criou um design system
3:26pra gente usar nossa própria referência,
3:27mas a gente pode sim usar referências de
3:29outras pessoas, de outros sites que a
3:31gente queira usar como inspiração.
3:32Inclusive, é o que a gente vai fazer
3:34aqui também para você ver esse mesmo
3:35passo, como funciona. Depois disso, o
3:37passo número dois vai ser justamente
3:39criar o nosso loop de design. E aqui a
3:41coisa fica legal, porque para te ajudar
3:43com isso, eu preparei inclusive uma
3:44skill. Você pode baixar totalmente de
3:46graça para você conseguir utilizar o
3:48looping, exatamente como eu vou mostrar
3:50aqui. E para você ter acesso a esse
3:51documento, que é o documento contendo a
3:52skill e toda a explicação que eu vou te
3:54passar aqui agora sobre isso, basta que
3:56você acesse o link que tá na descrição
3:57desse vídeo ou ir no primeiro comentário
3:59fixado e com isso entrar na nossa
4:01comunidade gratuita e lá na comunidade
4:03você vai ver dentro da aba desse vídeo
4:05toda a documentação que a gente vai
4:06utilizar aqui, tudo disponível para você
4:08gratuitamente. Uma vez que você tem
4:10acesso aqui, então você vai vir aqui
4:11embaixo, pegar nessa parte onde tá
4:13escrito skill.md, MD, copiar isso daqui,
4:15jogar no seu Cloud Code e pedir então
4:16que com base nisso ele crie essa skill
4:18para você. Então o que a gente vai fazer
4:20é o seguinte, nós vamos ter um agente
4:22construtor e a gente vai pedir isso pro
4:23Cloud através daquela skill e aí ele vai
4:25criar então um ciclo de qualidade, ou
4:28seja, a gente vai ter aquele que
4:29constrói, um agente construindo e a
4:31gente vai ter os agentes críticos. Esse
4:33agente crítico, ele vai dar a nota dele,
4:36falar para esse agente que construiu se
4:38aquilo que ele construiu tá de fato de
4:40acordo com aquilo que a gente pediu, com
4:42as diretrizes e referências que a gente
4:44enviou para ele. Não estando então em
4:46conformidade, esse processo vai ficar se
4:48repetindo, ele vai devolver essas
4:49correções pro construtor, o construtor
4:51vai ter que arrumar tudo isso, vai
4:53renderizar, vai passar pro crítico, o
4:54crítico vai analisar novamente e vai
4:56ficar nesse ciclo. E aí, quando a gente
4:57tá falando sobre esses agentes, nós
4:58vamos ter praticamente quatro agentes
5:00que cada um vai ser responsável por uma
5:01coisa. A gente vai ter então o agente
5:03construtor, como a gente já imagina que
5:04vai construir tudo. A gente vai ter o
5:06crítico do briefing. Esse crítico do
5:08briefing, ele vai perguntar a todo
5:10momento pro construtor se aquilo que ele
5:12fez é exatamente aquilo que o usuário
5:14pediu. Ou seja, se foi por algum motivo
5:16alguma alucinação do modelo, o modelo
5:17inventando alguma coisa, esse crítico
5:20vai ficar o tempo todo enchendo o saco
5:21do construtor para que ele volte para
5:23aquilo que realmente foi pedido pelo
5:25usuário. Agora nós temos também o
5:26crítico do sistema. Aqui ele vai
5:28perguntar se o resultado respeita as
5:30regras do projeto. Vai verificar cor,
5:32fonte, identidade, padrões. Então a
5:34gente tem um crítico focado só para
5:36isso. Depois a gente vai ter também o
5:37crítico visual. Ele vai analisar e ver
5:39se isso realmente tá no nível da
5:41referência. Lembra que a gente vai ter
5:42que passar uma referência para ele? Seja
5:44o nosso sistema de design, seja uma
5:45referência externa? Pois é, esse crítico
5:47aqui, ele vai ficar analisando se aquilo
5:49que o builder, o construtor fez, tá de
5:52acordo com aquilo que a gente passou
5:53como referência. Então, o mais
5:54interessante dessa técnica é que aqui a
5:56gente vai ter um crítico para cada erro
5:58diferente, ou seja, para coisas que
5:59podem dar errado, um único crítico vai
6:02estar focado somente naquilo. Então vai
6:04ver, você fez o que foi pedido, seguiu
6:05as regras, chegou no estado da arte, ou
6:08seja, naquela referência que a gente
6:09passou como design, tá parecido. Isso
6:11daqui é o que vai garantir que o
6:13construtor, que o modelo que tá
6:14construindo aquilo que você pediu, siga
6:15exatamente a risca e te entregue um
6:17resultado muito bom. E é exatamente
6:18desse jeito que a gente resolve esse
6:20maior problema de design do cloud,
6:22porque agora o modelo deixa de avaliar o
6:24próprio trabalho e ele vai passar por
6:25revisões independentes, que são esses
6:27críticos. E quem vai garantir que esse
6:28sistema, esse looping, vai funcionar
6:30muito bem é a skill que eu
6:31disponibilizei para você. Ela vai
6:33transformar aquilo que você quer criar,
6:35a sua ideia, a sua referência, o seu bom
6:36gosto em critérios objetivos. Para isso,
6:39então a skill ela vai seguir algumas
6:40etapas. Ela vai ter a etapa da
6:41entrevista, onde ela vai fazer algumas
6:42perguntas importantes para ver como você
6:44quer criar, o que você quer criar,
6:45enfim, a gente vai ver isso na prática,
6:47inclusive. Depois ela vai fazer uma
6:48pré-verificação. Ela vai confirmar se
6:50você passou tudo para ela, referência,
6:52arquivo, se ela tem acesso a tudo para
6:53conseguir construir. Ela vai fazer essa
6:55pré-verificação. Depois ela vai
6:57identificar o que torna a referência
6:58boa. Então ela vai fazer a desmontagem
7:00daquilo que você passou. Você montou uma
7:01referência, ela vai te pegar aquela
7:03referência e vai te secar. Ela vai ver a
7:04tipografia, a cor, vai analisar mesmo
7:06todo esse design e depois ela vai
7:08construir esse loop exatamente do jeito
7:10que a gente acabou de ver. Entendido
7:12tudo isso, também tendo instalado a
7:14skill aí no seu Cloud Code, o que a
7:15gente vai fazer é chamar justamente essa
7:17skill e pedir pr ativar ela. Então, para
7:19isso, eu vou digitar barra loop the
7:22design e vou pedir para ele ativar esse
7:24skill. Quando a gente faz isso, primeira
7:26coisa que a skill vai fazer, se você
7:27lembra muito bem, é a entrevista. Ela
7:29vai perguntar o que que a gente quer
7:30criar, qual é o design, enfim, vai pedir
7:32as referências e tudo aquilo que ela
7:33precisa para realmente depois construir
7:35aquele loop e ficar de cima até o modelo
7:37entregar o que a gente quer. E como eu
7:38falei, as perguntas já foram feitas. Ele
7:40tá perguntando o que que a gente vai
7:41construir, que que a gente pode usar
7:42como base. A gente já vai responder, mas
7:44eu quero mostrar para você essa parte
7:46aqui que é muito importante, a pergunta
7:47número quatro e a pergunta número cinco.
7:49Veja, pergunta número quatro, ela vai
7:51falar exatamente sobre como que a gente
7:53quer construir isso. Ele tá dando
7:54inclusive aqui algumas opções. Se a
7:56gente quiser com a qualidade máxima em
7:58todo esse processo, a gente vai usar o
8:00construtor como o Opus, que é o modelo
8:01mais forte que tem, no caso o opus 5.
8:03Como o briefing, o crítico de briefing
8:05vai ser o Opus também. Pro crítico de
8:07sistema, pode ser o Sonet e pro visual o
8:09Opus também. Então perceba que aqui a
8:11gente estaria construindo um loop com
8:12vários agentes, com a agente construtor
8:14e os críticos, onde apenas no sistema a
8:17gente iria usar o Sonet, o resto todo a
8:18gente iria usar o modelo mais caro, mas
8:20a gente pode também fazer o custo
8:22benefício, que é o recomendado. O
8:23construtor passaria a ser então o Sonet,
8:26o briefing, o Sonet, o sistema, o Haiko
8:28e o visual, o OP. Então, se a gente quer
8:29focar na qualidade máxima, a gente
8:31escolheria essa primeira opção. Se a
8:33gente quer uma qualidade custo
8:34benefício, essa daqui é bem
8:35interessante. Se a gente quer ser rápido
8:37e econômico, a gente tem essa opção
8:38também. E personalizado, você escolhe
8:40cada um. Isso daqui eu já fiz questão de
8:42colocar na skill, justamente pra gente
8:44conseguir dosar e testar. Olha, eu não
8:46quero fazer algo na qualidade máxima,
8:47isso vai gastar muito token, eu não
8:48preciso de tudo isso. Deixa eu ver como
8:50é que ele se sai no custo benefício.
8:51Você tem essa opção. Então isso aqui a
8:52gente também vai passar pro modelo,
8:54porque é claro que quanto mais forte e
8:56poderoso for o modelo, mais caro isso
8:57vai ficar. Mas isso não é o único
8:59critério de gasto que a gente tem quando
9:01a gente tá falando de loop. A gente tem
9:02também que pensar qual o número máximo
9:04de rodadas, de iterações que esse loop
9:06vai fazer. Eu aconselho você a colocar
9:09um fluxo máximo, ou seja, um loop
9:11máximo. Então, coloca um loop máximo de
9:13cinco, se não for o suficiente, depois
9:15você faz de novo com 7, 10, até você
9:17encontrar ali o que você quer. Mas nunca
9:18deixa sem passar alguma coisa pro cloud
9:20code, porque justamente o que ele pode
9:22fazer é ficar fazendo esse looping quase
9:25que infinito e aí vai gastando o token,
9:27independentemente se você esteja usando
9:29aqui a opção rápido econômica, vai ficar
9:31gastando. Então é interessante a gente
9:32colocar um teto máximo para ele ficar
9:33fazendo essas correções e nos devolver o
9:35resultado. Portanto, quando você for
9:37fazer aí, fique atento e responda muito
9:39bem essas perguntas, porque elas são
9:41importantes. Dito isso, então eu vou
9:42mandar meu prompt aqui pra gente começar
9:44a construir. E como a primeira coisa que
9:45a gente vai construir aqui é um
9:46carrossel, e eu tinha falado que a gente
9:48não precisa fazer um system design
9:50nosso, ou seja, a gente pode usar
9:52referências externas, é isso que eu vou
9:53fazer. A gente tem aqui três fontes que
9:55eu gosto de pegar como ideias de
9:56carrossel. A gente tem aqui nesse beens,
9:58a gente pode digitar Instagram carrossel
10:00e aí já vai dar várias opções que a
10:01gente pode analisar. Depois, se a gente
10:03gostou de alguma, simplesmente a gente
10:04vai copiar a imagem e jogar pro cloud
10:05code. A gente tem o famoso Pinterest.
10:08Aqui é bom para tudo, né? No Pinterest a
10:09gente acha várias coisas, inclusive
10:11também, lógico, carrosséis. Então a
10:13gente pode, por exemplo, gostei desse
10:14carrossel aqui, a gente pode mandar isso
10:16aqui como referência de design para ele.
10:18E tem também o que eu gosto é quando a
10:20gente acha um designer legal, alguma
10:22coisa legal que a gente gosta no
10:23Instagram, a gente precisa salvar. Fica
10:25essa dica aí, porque a gente vai
10:27encontrar pessoas como esse cara aqui,
10:28que faz uns carrosséis que eu considero
10:30bem bonitos. Então, olha só que legal
10:32esse carrossel aqui, bem bonito. E o que
10:34eu vou pegar como referência vai ser
10:36justamente esse, que é um carrossel que
10:38eu gostei bastante. Aqui, no caso, ele
10:39fez um vídeo, né? A gente vai depois
10:41transformar isso em imagem, mas eu
10:42gostei bastante desse design aqui.
10:44Então, é com base nisso aqui que a gente
10:46vai construir o nosso carrocel, que a
10:48gente vai pedir e criar todo aquele loop
10:49para que ele seja construído. Então, eu
10:51vou pegar esse link, copiar, colar aqui
10:54pro nosso cloud code e agora vou passar
10:55o restante do prompt. Gostaria que com
10:57base no design que eu coloquei acima
10:59como referência, você criasse uma
11:00sequência de carrosséis para o Instagram
11:02falando sobre ferramentas de
11:03inteligência artificial. Para isso, eu
11:05gostaria que você entrasse no canal do
11:07YouTube do Felipe Borges Faliar e
11:09analisasse todas as ferramentas que já
11:11foram apresentadas e faladas em vídeos
11:13por ele. Com base nisso, você vai criar
11:15então o conteúdo do carrossel, mas a
11:17referência de design está no link acima
11:19que eu te passei. Feito isso, então o
11:21que eu vou fazer é colar esse link para
11:24que ele possa acessar o meu canal, ver
11:25sobre tudo que eu falo o meu canal e com
11:27base nisso então criar o conteúdo do
11:29carro cel. A próxima coisa que eu
11:30preciso passar para ele é quais os
11:32modelos que eu quero utilizar. Então,
11:34como ele já me passou a tabela, eu vou
11:35pedir que eu quero utilizar o custo
11:36benefício. Como os modelos que eu vou
11:38querer para construir esse loop, eu vou
11:40querer o custo benefício. Então, vou
11:41mudar isso para ele, ele já vai entender
11:42porque ele mesmo me deu essas opções. E
11:44qual o número máximo de rodadas? Eu vou
11:46pedir cinco. Eu gostaria que como máximo
11:48de rodadas do loop você colocasse e
11:50definisse isso como cinco. Pronto. Agora
11:53eu vou enviar tudo isso para ele e
11:54aguardar para ver o que que ele cria
11:55para nós. E tá na tela a entrega do
11:57modelo. Ele mandou pra gente esse
11:59carrossel falando sobre N8N, cloud code
12:02no terminal, antigravy, codex, hermes.
12:04Perfeito. É sobre tudo isso que eu falei
12:06mesmo. E no final ele usou esse último
12:07carrossel com a minha foto. Eu
12:09particularmente não gostei muito, mas há
12:11de se convir que a gente já chegou num
12:13resultado bem interessante com apenas um
12:15único prompt. Essa é a ideia do loop de
12:17design. É justamente a gente conseguir
12:19como primeiro resultado o melhor
12:20resultado possível. Eu poderia trabalhar
12:22com modelos mais potentes, mais fortes,
12:24iria ficar um pouco mais caro, mas
12:25provavelmente a qualidade ia ser ainda
12:27melhor. Porém, eu acho que isso daqui já
12:28tá bem razoável, já tá bem legal e eu
12:30posso dar também minhas críticas para
12:32que ele melhore determinadas coisas. Por
12:34exemplo, eu não gostei da minha foto
12:36nessa última capa aqui. Eu não gostei.
12:37Eu posso pedir para ele trocar. Ele vai
12:39fazer isso. A questão toda é que quando
12:41a gente utiliza o loop de design, é que
12:43a gente já chega numa primeira versão do
12:45nosso projeto já muito boa, vamos dizer
12:47assim, nota oito. Pra gente chegar nessa
12:49nota oito, a gente precisaria de muitas
12:51interações nossas se a gente não tivesse
12:53usando esse sistema. Ou seja, a gente ia
12:54precisar de muitas correções, porque
12:56normalmente se a gente manda ali o
12:57promptência, ele vai devolver algo nota
12:59seis pra gente. Então se ele já tá
13:01devolvendo algo nota oito, já é algo bem
13:03interessante. Então eu particularmente
13:05gostei bastante. Mas é lógico que fazer
13:07carrossel é apenas uma das coisas que a
13:09gente vai ver aqui hoje. Porém, se você
13:10tá assistindo esse vídeo até aqui, é
13:12sinal que você não quer apenas aprender
13:14a utilizar o loop de design, mas também
13:16quer aprender a criar projetos
13:17extremamente profissionais e bonitos que
13:19possam ser vendidos para os seus
13:20clientes. E é justamente por isso que eu
13:22tenho um convite para fazer para você. E
13:23esse convite é para que você conheça o
13:25AICloud. No AICOD você encontra uma
13:27trilha completa onde você aprende a usar
13:29o cloud Code para criar e vender
13:30projetos profissionais que clientes
13:32pagam caro para ter. Lá dentro eu abro a
13:34caixa preta do meu processo de criação,
13:36incluindo skills, templates, cuidados de
13:38segurança e padrões de entrega que eu
13:40mesmo uso nos meus projetos. Então, se
13:42você quer começar a usar o Cloud Code de
13:43forma realmente profissional, já aponta
13:45a câmera do teu celular por Qode que tá
13:47aparecendo aqui na tela e venha fazer
13:48parte do AI iCloud. Convite feito. Vamos
13:51voltar então pro nosso vídeo. Agora
13:52continuando aqui nas nossas criações,
13:54vamos pro segundo nível. E para esse
13:56segundo nível, eu quero fazer algo com
13:57meu próprio sistema de design que a
13:59gente acabou de criar lá no nosso cloud
14:01design. Para isso, então nós vamos abrir
14:02o cloud design, vi aqui em design system
14:05e baixar todo aquele documentação onde
14:08tá falando exatamente como funciona o
14:10nosso sistema de design. Para isso, a
14:12gente pode vir aqui em share, a gente
14:13pode exportar como PDF, como projeto
14:16HTML, como PowerPoint. O importante é
14:18que você baixe todo essa explicação
14:20sobre como que funciona o seu design e
14:22passe isso pro cloud code. E o próximo
14:25passo que a gente vai fazer é colocar o
14:26nosso sistema de design aqui no cloud
14:28code. Então vamos lá. Vou passar o meu
14:30sistema de design, vou abrir, vou
14:31selecionar todas as pastas e vou enviar
14:34para ele com base nisso. Então aqui ele
14:36já tem todo o meu sistema de design e eu
14:38vou pedir então para ele criar uma
14:40apresentação animada em HTML. Use o
14:42sistema de design que eu referenciei
14:44acima e crie para mim um vídeo em HTML
14:46bonito com duração de mais ou menos 10
14:48segundos explicando o que que é o
14:49gauntlet loop. Agora eu vou colocar o
14:52loop de design aqui e explicar para ele
14:54que eu quero o custo benefício e apenas
14:57cinco iterações. Eu gostaria que para
14:59esse projeto você utilizasse o custo
15:02benefício, os modelos que fazem parte do
15:04custo benefício e também colocasse um
15:06loop máximo de cinco rodadas. Prontinho,
15:09já fiz isso. Então ele vai ativar aqui a
15:11nossa skill e eu já passei as respostas
15:13aqui para ele de uma vez. Agora é só
15:14esperar ele entregar o resultado. E
15:16agora o que tá na tela é justamente essa
15:18criação com base na minha marca, no meu
15:21sistema de design. Com base nisso, ele
15:23criou esse HTML explicando exatamente o
15:25que é o Guntlet Loop e também com essa
15:28animação. Essa animação eu poderia, por
15:30exemplo, colocar no meu vídeo como
15:32edição. Isso seria um dos teasers que
15:33aparece no meu vídeo ou talvez colocar
15:35isso numa reunião. Enfim, tá aqui todo o
15:37sistema criado de maneira muito simples,
15:39com modelos que não são caros. a gente
15:41conseguiria deixar isso aqui ainda mais
15:43profissional, mas na minha opinião já
15:44ficou bem razoável, bem bom e bem
15:46satisfatório o resultado, porque ele tá
15:48exatamente parecido com o meu próprio
15:50sistema de design. Aqui eu não teria
15:52nenhuma correção a fazer,
15:53particularmente agora com certeza, se
15:55você é do time Felipe, você deve estar
15:57olhando para tudo isso e só imaginando
15:58quanto que isso tá custando. Pelo menos
16:00eu fico assim quando eu vejo alguém
16:01mostrando alguma coisa com Yá, eu já
16:03começo a pensar no custo disso, quanto
16:04que tá gastando de token. Enfim,
16:06pensando nisso, eu tô somando aqui todos
16:09esses tokens gastos e eu vou mostrar
16:10para você no final. Então, aguenta as
16:12pontas aí. a gente vai paraa nossa
16:13terceira criação, o nosso terceiro nível
16:15de criação. No final vou te mostrar
16:17quanto cada uma dessas gastou e aí você
16:19vai tomar suas próprias conclusões. Dito
16:21isso, vamos então pro nosso terceiro
16:22nível de criação. E eu vou mostrar para
16:24você talvez a coisa mais legal, aquilo
16:26que você mais esteja esperando, que é o
16:28site que a gente vai criar. E pro nosso
16:30site, a gente vai usar também um design
16:32externo, porque eu achei um design bem
16:34legal e eu tô bem curioso para ver o
16:35resultado disso, que é justamente o site
16:38da Apple. Lógico que aqui no canal você
16:40sabe que eu te ensino a fazer as coisas.
16:41Eu sempre dou todas as dicas daquilo que
16:43eu vou descobrindo, daquilo que eu vou
16:44encontrando, de coisas que podem te
16:45ajudar. E esse site aqui é uma dessas
16:47dicas. Então, presta bem atenção. Eu
16:49achei esse site aqui muito interessante.
16:51Tem alguns outros que a gente pode pegar
16:52aí. Inclusive, se você assistir um dos
16:54meus últimos vídeos, eu mostro vários
16:56lugares que você pode pegar como
16:57inspiração. Mas esse daqui é bem
16:59interessante. E olha só o que eu achei,
17:01o site da Apple. E é justamente com base
17:03nesse site aqui que a gente vai
17:06construir um site que eu vou inventar
17:07aqui de uma marca de camiseta
17:09tecnológica. Conhece alguma por aí? Tem
17:12algum nome famoso? Aliás, quem sabe?
17:13Podia até patrocinar o canal, não sei,
17:15só estou dizendo. Mas a marca vai se
17:17chamar Spider, ó. Até parece com uma
17:20marca aí famosa que tem de camisetas
17:21tecnológicas. E a gente vai criar a
17:23nossa própria marca e vai criar um site
17:25para essa empresa, utilizando esse site
17:27da Apple. Muitos designers, muitas
17:29pessoas já estudaram muito para chegar
17:30nesse site aqui. Então, melhor do que a
17:32gente criar alguma coisa que a gente não
17:33sabe se pode dar certo é a gente copiar
17:35algo que a gente sabe que dá certo. Bom,
17:37então é isso que eu vou fazer. Eu vou
17:38copiar essa nossa referência, mas fique
17:42à vontade para que você entre e veja
17:44outros designs que você gosta aqui nesse
17:45site. Tem vários, vários mesmo, vários
17:47sites top. Então fica a dica. Vou deixar
17:49esse site também lá na comunidade, no
17:51poste vídeo aqui. E aí com base nisso
17:53você vai poder ver vários sites
17:54interessantes para você usar como
17:56referência. Mas feito isso, eu copiei o
17:58meu link, vou colar esse link no cloud
18:00code e vou mandar o prompt para ele
18:02criar o nosso site. Prompt colado aqui
18:04eu mandei: "Quero que você construa a
18:06arquitetura desse design acima para mim,
18:08que eu transforme num site que venda as
18:09roupas tecnológicas, camisetas e
18:11bermudas com tecido tecnológico que se
18:13resfria, que te mantém resfriado, aqui
18:15saiu redundante, que não desbota e que
18:17não perde sua forma e não precisa
18:18passar. A marca deve se chamar Spider.
18:20Faça com que isso tudo se pareça lindo e
18:22você pode girar as imagens que você
18:23precisar no Codex, porque não é novidade
18:25para ninguém. o cloud não consegue gerar
18:27imagem. Então o que que eu fiz aqui? Eu
18:28tenho uma conta lá da Open AI e a Openi
18:31tem modelos que geram imagens. Aliás, os
18:33melhores modelos, na minha opinião, são
18:35da Open AI. Então, o que eu faço é pedir
18:37para ele mesmo acessar o Codex para
18:38baixar essa imagem. Se você não sabe
18:40fazer isso e quer que eu grave um vídeo
18:41te mostrando como, deixa aí nos
18:42comentários que eu trago um vídeo
18:43completinho disso, beleza? Mas só para
18:45você entender da onde as imagens vão ser
18:46geradas. E eu coloquei que eu gostaria
18:48que usasse os modelos mais performáticos
18:49e colocar aqui até 12 rodadas, porque eu
18:51quero que fique bem legal, bem parecido.
18:53Vou dar a ordem e já volto aqui pra
18:56gente ver o resultado final disso.
18:58Alguns minutos depois, é isso que abre
19:00na minha tela. Olha que interessante a
19:03marca. Ele fez tudo, inclusive a
19:04logozinha. Achei bem legal. Olha só,
19:06ficou aqui o spiderzinho. Nossa, muito
19:08legal. Frio na pele, comprar exatamente
19:11como o site da Apple. Mesma tipografia,
19:14mesmas cores. Olha como isso daqui ficou
19:16bonito, ficou interessante. Olha essas
19:18imagens, ele que gerou. Olha que coisa
19:20maravilhosa. Explicando aqui cool web.
19:23Ele mesmo tá dizendo aqui uma teia que
19:24trabalha. Olha isso, que interessante.
19:26Olha os dados que ele tá colocando. 4º a
19:28menos na sensação térmica, 200 lavagens
19:30sem alteração de cor, 0 minutos para
19:33passar essa roupa, ou seja, não é para
19:34passar. Quatro direções de elasticidade
19:36com retorno. Olha que coisa linda.
19:38Inclusive, olha a paleta de cores. É uma
19:40paleta de cores bem suave, bem estilo
19:42Apple mesmo. Temos esse azul névoa
19:44maravilhoso, o preto mesmo que não pode
19:46faltar. A gente tem as bermudas também
19:48seguindo essa mesma estrutura. Olha que
19:50interessantíssimo todas as cores do
19:52produto. Realmente não tem como falar
19:55que não é impressionante o poder que a
19:57gente dá pro cloud, principalmente pro
19:59cloud fazer designs com essa nova
20:01técnica de loop de design. Realmente é
20:04um resultado que a gente consegue de
20:05primeira, de maneira até que
20:07espetacularmente rápida. Muito bom. De
20:09fato, eu gostei bastante desse site,
20:11quero inclusive tua opinião aí. Deixa aí
20:12nos comentários o que que você achou.
20:13Mas agora eu sei, chegou a hora da
20:15verdade. Talvez a hora que você mais
20:16estivesse esperando, preocupado
20:18justamente quanto isso tudo custou. E
20:21como prometido, tá aí começando pelo
20:23carrossel. Ele gastou 293.000
20:26tokens para entregar aquilo. Lembrando,
20:28um único prompt. Então ele já entregou
20:30praticamente o trabalho feito. Ele não
20:31conseguiu e levantar o quanto custou
20:33isso. Interessante, mas a gente poderia
20:35fazer essa conta, mas ele teve cinco
20:37rodadas de loop. Esse aqui foi o
20:40carrossel. A gente teve também o nosso
20:42vídeo de HTML que levou quatro rodadas
20:45para ser criado e gastou 3.77.000
20:49tokens para entregar aquele resultado
20:51final. Seria um custo proporcional de
20:533,19 a gente tivesse utilizando a API.
20:56Eu não uso API, eu uso a conta paga
20:58mesmo, a minha subscription lá do cloud.
21:00Então eu não paguei nada além da que eu
21:02já pago pela minha conta, mas se eu
21:03fosse pagar via API sairia isso. Ele até
21:05fez aqui o nosso, a nossa conversão.
21:08Então tá tudo explicadinho quanto que
21:09rodou na primeira rodada, segunda,
21:11terceira e quarta rodada. Ele rodou em
21:13quatro rodadas. E para construir o nosso
21:15site, o Apple Spider, o loop completo
21:18custou 7,54. Veja que interessante, ele
21:20gastou mais tokens aqui e nesse caso
21:23ficou 7,54 com apenas três rodadas.
21:26Gastou mais token, fez menos rodada e
21:28sairia esse custo aqui proporcional. E
21:30aí talvez aqui seja um ponto de atenção.
21:33Essa técnica vai sim gastar alguns
21:34tokens. Como você pode ver aqui, eu
21:36mostrei o quanto ela gastou no
21:37carrossel, no HTML, no site. E é por
21:40isso que ela não deve ser usada para
21:42qualquer coisa. Ela inclusive deve ser
21:43guardada justamente para usar em
21:44momentos onde você realmente vai
21:45precisar entregar um projeto para um
21:47cliente, algo que não possa falhar no
21:49design, que precise ficar muito bom e
21:51que você queira ali extrair o máximo de
21:52resultado em menor tempo possível, sem
21:55que você precise ficar fazendo essas
21:57iterações e pedindo essas correções.
21:58Então, eu guardaria essa técnica. Eu não
22:00ficaria criando joguinho, não ficaria
22:02gastando token à toa, brincando com essa
22:04técnica, mas é fato que quando a gente
22:06utiliza ela, o resultado fica muito bom.
22:08Então, o meu veredito final é que sim, é
22:10um ótimo ganho de qualidade que você vai
22:12ter. Muito bom. A gente viu os
22:13resultados. Sim, é uma facilidade a
22:15mais, porque você não vai ter que ficar
22:17você sendo crítico, você vai pôr outros
22:19críticos analisando o trabalho e você
22:20vai ficar simplesmente esperando
22:21enquanto tudo é feito. Mas é claro que
22:23isso cobra um custo, isso tem um valor
22:26que justamente são esses tokens que são
22:27gastos. Mas é fato que se você trabalhar
22:29muito bem com isso, ter consciência de
22:31todos os custos que vão ter envolvido aí
22:33nesse processo, com certeza você vai ter
22:35um excelente resultado sem gastar. Tanto
22:37assim? E antes de eu me despedir, mais
22:38uma vez eu reforço o convite para você
22:40conhecer o AICloud. Venha fazer parte,
22:42venha conhecer, venha aprender a
22:43utilizar o Cloud Code de maneira
22:44profissional, conseguir vender bons
22:46projetos paraos seus clientes, sempre
22:47otimizando o máximo, o máximo de
22:49qualidade, com o mínimo de custo
22:52possível. É isso que a gente trabalha.
22:53Qualquer dúvida que você tiver, você
22:54tira direto comigo. Tem acesso a uma
22:56comunidade exclusiva de alunos, de
22:57outras pessoas que estão construindo,
22:58que estão trabalhando na área também.
23:00Isso é muito interessante, criar essa
23:02comunidade e tudo isso você pode ter
23:04acesso pondo a câmera do teu celular no
23:06QR code que tá aparecendo aqui na tela e
23:07vindo fazer parte do iCloud. No mais, eu
23:10te convido para assistir um outro vídeo,
23:11continuar aprendendo sobre inteligência
23:12artificial, que é o vídeo que eu vou
23:13deixar em algum desses cantos aqui. E
23:15nos vemos então no próximo vídeo.

About this transcript

This page contains the full transcript of O Design do Claude acaba de ficar 10 x MELHOR… e é perfeito! by Felipe Borges - Fala IA!, generated from the public captions YouTube serves with the video. The transcript has 5,306 words across 772 segments, with the original timestamps preserved so you can click any line to jump to that moment in the embedded player.

What you can do with it

Use the transcript to take notes, quote the speaker, build a study guide, generate a summary with ChatGPT or Claude via the YouTube Summary tool, or export it as a timed subtitle file with YouTube to SRT. You can also re-open it in the transcriber to translate the transcript into 100+ languages.

Free YouTube transcript tool

YouTube2Text is a free YouTube transcript generator — no signup, no daily limit. Paste any YouTube link and get the full transcript instantly, with timestamps, click-to-jump, translation to 100+ languages, AI prompts for ChatGPT, Claude, and Gemini, and exports to TXT, SRT, VTT, or Markdown.