9 skills gratuitas para agent que você precisa instalar agora

Autoria: Futurepedia · Assistir no YouTube

Vídeo de autoria do canal indicado, não da IANIA; todos os direitos pertencem ao criador. Transcrição, resumo e tradução gerados automaticamente; o conteúdo no idioma original é preservado na versão em idioma original.

Idioma original: inglês

Vídeo original: 9 Free AI Agent Skills You NEED to Install Now · Canal: Futurepedia · 16:06 · Assistir no YouTube

Tópicos: Agentes de IA, Engenharia de software com IA, Geração de conteúdo com IA

Resumo

O vídeo apresenta nove skills gratuitas para ampliar o que agentes de IA podem fazer, com demonstrações de instalação e uso. Entre elas estão ferramentas para pesquisar discussões recentes, criar vídeos com código, inspecionar skills por riscos de segurança, humanizar textos e analisar vídeos. Para desenvolvimento de sites e aplicativos, o apresentador destaca coleções de skills para orientar o trabalho e uma ferramenta para aprimorar designs. Ele também recomenda testar as skills em tarefas reais e personalizá-las para as próprias necessidades.

Pontos-chave

Skills ensinam o agente a executar tarefas ou sequências de etapas de forma repetível e podem incluir instruções, scripts, referências e ferramentas.
A skill Last 30 Days pesquisa discussões recentes em fontes como YouTube, Reddit e Hacker News e organiza os resultados em um relatório.
Skills podem servir como ponto de partida: é possível adaptá-las a um site, setup ou preferência específica.
Remotion e Hyperframes permitem criar vídeos com código, mas usam abordagens diferentes e podem funcionar melhor em tarefas distintas.
O Skill Inspector verifica possíveis riscos de segurança em skills, embora um resultado limpo não seja garantia absoluta de segurança.
Humanizer revisa textos para reduzir padrões de escrita que parecem gerados por IA.
Claude Video pode analisar vídeos por link ou arquivo local e extrair informações visuais, como instruções de uma receita.
Superpowers e Gstack oferecem skills para diferentes etapas do desenvolvimento de software, como planejamento, revisão e testes.
Impeccable oferece comandos para criticar e aprimorar o design de sites e interfaces.

Capítulos

Início	Capítulo	Resumo
00:00	O que são skills e pesquisa de discussões recentes	O vídeo explica o papel das skills e demonstra a instalação e o uso de Last 30 Days para pesquisar um tema.
04:39	Criação de vídeos com Remotion e Hyperframes	O apresentador compara as duas ferramentas em animações gráficas e mapas e mostra como os resultados variam conforme a tarefa.
08:19	Segurança, escrita e análise de vídeos	O vídeo demonstra o Skill Inspector, Humanizer e Claude Video em exemplos práticos.
12:27	Skills para desenvolvimento e design	O apresentador apresenta Superpowers, Gstack e Impeccable para apoiar o desenvolvimento de software e aprimorar interfaces.
16:06	Encerramento e recursos	O vídeo termina recomendando testar as skills em tarefas reais e personalizá-las.

Citações

Eu penso nelas como cartões de receitas para workflows. — 00:31

Você não precisa simplesmente baixar uma skill e usá-la como está. Ela pode ser seu ponto de partida. — 04:08

Só porque isso diz que está tudo limpo não é uma garantia absoluta de que tudo é seguro. — 09:20

Teste-as em tarefas reais e personalize a partir daí. — 16:06

Conceitos e entidades

skill (conceito): Conjunto reutilizável de instruções e, às vezes, scripts, referências ou ferramentas que ensina um agente a executar tarefas.
Last 30 Days (ferramenta): Skill que busca discussões recentes em várias fontes e sintetiza os achados em um relatório.
Jev (modelo): Ferramenta de IA da TypeSafe mencionada como exemplo de tema para pesquisa e geração de publicações.
Remotion (ferramenta): Ferramenta que permite criar vídeos e gráficos em movimento com código React.
HyperFrames (ferramenta): Ferramenta de criação de vídeos com código baseada em HTML e animações web.
Skill Inspector (ferramenta): Scanner de segurança da NVIDIA que analisa skills em busca de possíveis riscos.
Humanizer (ferramenta): Skill que revisa textos para reduzir características associadas à escrita de IA.
Claude Video (ferramenta): Skill que ajuda agentes a analisar vídeos por meio de um link ou de um arquivo local.
Superpowers (ferramenta): Coleção de skills para apoiar etapas do desenvolvimento, como planejamento, implementação, testes e depuração.
GStack (ferramenta): Coleção de skills e ferramentas para tarefas de desenvolvimento e entrega de software.
Gary Tan (pessoa): CEO da Y Combinator e responsável pela criação e manutenção de Gstack, segundo o vídeo.
Impeccable (ferramenta): Coleção de comandos e skills para criticar e aprimorar o design de interfaces.

Tradução completa (pt-BR)

00:00 As skills são uma das melhores maneiras de deixar sua IA mais poderosa, e já existem algumas incríveis que você pode instalar de graça. Vou mostrar minhas favoritas, como instalá-las e para que eu realmente as uso. Desde pesquisar o que as pessoas estão dizendo e dar uma melhorada em textos de IA até analisar vídeos e criar animações. Depois, vou falar das skills que uso para criar sites, ferramentas e apps melhores. Primeiro, bem rapidinho, para quem

00:31 não sabe, skills são uma maneira de ensinar sua IA a executar uma tarefa específica ou um conjunto de etapas de forma repetível. Penso nelas como cartões de receitas para workflows. Algumas skills são apenas um conjunto de instruções. Outras incluem scripts, material de referência ou ferramentas de que a IA precisa para fazer o trabalho. Todas as skills que vou apresentar são compatíveis com a maioria das ferramentas com agent, como ChatGPT Work, Claude Code, Claude Cowork, Codex e coisas como Grokbot, Hermes, OpenClaw e outras.

01:04 Vou começar com uma sobre a qual já falei no canal, porque ela é incrível. Chama-se Last 30 Days. Essa skill pesquisa o que as pessoas estão realmente dizendo sobre um assunto agora. Em vez de depender principalmente de buscas comuns na web, ela pesquisa em transcrições do YouTube, Reddit, Polymarket e outros lugares. Depois, dá notas e filtra tudo, sintetizando as informações em um relatório curto. Vou instalar esta no ChatGPT Work, a próxima no Claude Code, depois no Claude Cowork e, por fim, no Codex, só para vocês verem o processo todo, mas é

01:35 basicamente o mesmo processo em cada um, e é muito fácil. Este é o repo no GitHub. GitHub é simplesmente uma plataforma que as pessoas usam para armazenar código na nuvem. É lá que todas essas skills ficam. Você pode ler tudo sobre a skill e exatamente o que ela faz aqui. Vou copiar o link, que estará na descrição junto com os outros. Depois, vou abrir o ChatGPT e garantir que estou na aba Work. Em seguida, vou dizer: instale esta skill do GitHub usando as instruções de configuração dela. Então, vou colar o link e enviar. É só isso. Ela

02:06 leva um minuto para funcionar e depois volta dizendo que a skill foi instalada. Fácil assim. Agora vou iniciar um novo chat para testá-la. Para chamar uma skill no Work, você pode digitar arroba e encontrá-la. Esta está bem aqui. Que tal experimentar o Jev, da TypeSafe? É uma nova ferramenta de IA que tem aparecido por todo lado nos últimos dias. Só preciso digitar isso. A skill faz o resto. Ela pesquisou por 5 minutos e voltou com este relatório, que tem um tamanho bem fácil de ler. É uma coisa de que gosto nela. Não é um

02:36 relatório gigantesco. Ela extrai todas as descobertas mais úteis e reúne tudo em algo que eu realmente vou ler. Depois, no fim, você pode ver que ela usou 14 tópicos do Reddit, 13 matérias do Hacker News e o GitHub. Posso abrir isso para ver todas as publicações com links. E também dá para ativar fontes adicionais durante a configuração, como X e YouTube. Esse resumo é útil, mas às vezes uso isso para ter ideias de vídeo, e muitas vezes as melhores estão nas publicações que não entram no resumo. Então, na verdade, criei um site em torno disso, onde posso navegar por algumas dessas informações adicionais

03:06 que a skill deixa de fora. Quando executo essa skill, você pode ver que aparece Last 30 Days Upstream. Vou executá-la sobre o mesmo assunto. Depois, ao terminar, ela vai preencher automaticamente todas as informações no site. Agora, ela ainda tem um bom resumo. Em seguida, lista os casos de uso para me dar ideias ou para eu abordar, além daqueles que já uso. Depois, há opiniões pouco convencionais. Às vezes, elas são muito úteis. Neste caso, logo no começo, ela observa que o Jev fala em não ter alucinações, mas isso não significa que não tenha erros. Ele ainda pode errar. Muitas das

03:37 publicações sobre o Jev que encontrei não deixavam isso muito claro. Depois, ela inclui todas as publicações originais, quando possível. Assim, é muito mais fácil vê-las sem precisar clicar em um monte de publicações diferentes. Então, resumindo como cheguei a isso: depois de criar o site, pedi ao Codex para executar a skill. Em seguida, pedi que pegasse todas aquelas informações extras e as inserisse no formato que eu queria naquele site. Verifiquei se a conexão funcionava e se as informações estavam sendo formatadas do jeito que eu queria. No fim dessa iteração, pedi que empacotasse tudo como uma nova versão ampliada da skill. Mostrei todo esse processo no meu vídeo sobre sites do ChatGPT

04:08 se você quiser ver cada detalhe dessa skill e desse site específicos. Mas a ideia principal que eu queria transmitir é que você não precisa simplesmente baixar uma skill e usá-la como está. Essa skill pode ser seu ponto de partida. Você pode desenvolvê-la a partir daí. As skills funcionam ainda melhor quando você as personaliza para sua configuração e suas preferências específicas. Neste vídeo, estou falando principalmente de skills para agents, mas também existem skills que podem deixar seus chats comuns no Claude e no ChatGPT mais poderosos. Tenho um recurso gratuito com 12 delas na descrição. Está escrito Claude, mas elas também funcionam no ChatGPT. Tem uma

04:39 skill de voz de marca, um mecanismo de conteúdo personalizado, um kit de lançamento para YouTube, um criador de painéis interativos e muito mais. Cada uma inclui um prompt que você pode colar para criá-la, além de instruções passo a passo. Todas são muito fáceis de instalar e usar. Baixe-as de graça pelo link na descrição. A seguir, tenho duas skills incríveis que vou apresentar juntas porque têm um objetivo parecido. São Remotion e Hyperframes. Ambas são ferramentas para criar vídeos com código. E elas têm

05:10 skills que ensinam seu agent a usá-las para criar gráficos em movimento, visualizações de dados, animações de mapas, legendas e muito mais. Vou instalar esta no Claude Code. É do mesmo jeito que antes. Digite o prompt, só o prompt curto, e cole o link. Era tudo de que precisava. Agora está instalada. Vou abrir um novo chat e criar um gráfico em movimento que eu possa usar neste vídeo. Use Remotion para criar um gráfico em movimento que fale sobre skills para agents. Use um ícone do ChatGPT no centro. Depois, faça várias coisas ou ícones se expandirem a partir dele, para parecer que ele está ampliando suas capacidades.

05:42 Vou enviar. Um prompt simples. E você vai notar que não usei barra nem arroba para chamar o Remotion. Não precisa. Ele ainda vai usá-lo se você simplesmente mencioná-lo. Ou, em algumas ferramentas, elas vão usá-lo com base no contexto do seu prompt, mesmo sem você mencioná-las pelo nome. Pronto. O Remotion abre em algo que é basicamente um estúdio de edição completo. Dá para fazer um monte de coisas aqui. Na verdade, como ele não tinha o logotipo do ChatGPT, vou carregá-lo rapidinho e pedir para corrigir isso. Agora está pronto. Vamos conferir

06:12 o resultado. É uma animação muito fluida. Ficou incrível. Eu usaria exatamente assim. Agora vou executar o mesmo prompt no Hyperframes para você ver a diferença. É só instalar rapidinho. Enviei o mesmo prompt. Este foi o resultado. E também ficou incrível. Tanto o Remotion quanto o Hyperframes permitem que sua IA crie vídeos escrevendo código.

06:44 O Remotion os cria com React. O Hyperframes usa HTML e animações para a web. A abordagem é diferente, então cada um tem seus pontos fortes. Recomendo instalar as skills e depois experimentar os dois para ver o que funciona para o que você precisa. Talvez você já tenha visto esse tipo de animação com ícones antes. Então, vou mostrar outro exemplo rápido de uma animação de mapa bem diferente. E o Remotion tem, na verdade, uma skill integrada chamada Remotion Maps. Vou chamá-la e enviar um prompt um pouco mais longo, mas, basicamente, é para criar uma animação de 15 segundos de Utah

07:15 Uma viagem de carro pelos parques nacionais, com alguns detalhes sobre o tipo de mapa e como a câmera deve se mover, coisas assim. Depois, vou enviar o mesmo prompt com o Hyperframes. Agora, veja como ficou com o Remotion. Está ficando muito bom. Está seguindo o prompt. Parece que está seguindo todas as rodovias, e o movimento da câmera é bem suave. Embora eu não goste do giro que fez no começo e no fim. Isso desorienta um pouco. Acho que foi só para conseguir acompanhar o trajeto por trás. Tenho certeza de que poderia pedir para não fazer isso. Vamos ver a versão do Hyperframes. E ela

07:47 já parece ter uma estética muito melhor. Foi um zoom de aproximação super suave. Parece que está seguindo o mesmo trajeto pelas rodovias corretas. E gosto muito mais do ângulo dessa câmera. E do zoom de afastamento mostrando tudo. Gostei muito mais dessa versão do que da versão do Remotion, embora o Remotion tenha essa skill específica de mapas. É isso que quero dizer quando falo que eles são bons em coisas diferentes. E a versão do Remotion não ficou ruim, mas eu gosto muito mais do Hyperframes para esse caso de uso. Já para aquele tipo anterior de gráficos em movimento, preferi o Remotion.

08:19 Mostrei o processo básico de baixar uma skill, mas há mais uma etapa que também faço com frequência para inspecioná-la. A Nvidia tem um scanner de segurança chamado Skill Inspector. Ele verifica skills em busca de possíveis riscos de segurança. As skills podem incluir instruções, scripts e outras ferramentas que o seu agent executa. Portanto, uma skill maliciosa ou malfeita pode expor chaves de API ou dados confidenciais, ou levar seu agent a realizar ações que você não pretendia. Então, pedi para instalá-lo como uma skill que eu

08:49 possa executar. Desta vez, estou no Claude Cowork. Então, vou chamá-la. E depois colocar o link da próxima skill que vou mostrar. Esta será uma skill mais básica. E ela diz que é segura para instalar. Este é o aspecto do relatório. Ele é bem detalhado. Às vezes, ele sinaliza coisas que considero relativamente insignificantes, e mesmo assim me senti confortável instalando a skill. Mas, sim, é um ótimo relatório. Use seu próprio julgamento com base nos riscos que ele encontrar. Por outro lado, só porque aqui diz que está tudo limpo, isso não é uma garantia absoluta de que tudo seja seguro

09:20 mas é definitivamente uma etapa extra útil quando você baixa skills de outras pessoas. A skill que acabei de pedir para inspecionar se chama humanizer. Então, vou pedir para instalá-la. Essa skill ajuda a resolver o problema da escrita empolada de IA. Esse tipo de texto está por toda parte agora. E quanto mais você usa IA, mais percebe os sinais da escrita dela em todos os lugares. Essa skill ajuda a deixar essa escrita mais humana. Agora que está instalada, vou enviar um prompt sem usar a skill, só para ver a resposta padrão do

09:51 Claude. Vou dizer: “Escreva três tweets envolventes sobre Jev, da Typesafe.” Foi isso que ele respondeu. “A maioria das chamadas de IA no seu código não precisa de um ensaio. Precisa de uma decisão e de uma pontuação segura.” Isso soa como texto de IA logo de cara. A construção “não é isto, é aquilo”. E o final: “boas-vindas aos modelos System 1”. Com certeza, um post empolado. O mesmo acontece com a primeira linha do próximo post. E com o final deste terceiro. Na verdade, quase todas as partes parecem ter sido escritas por IA. Então, vou

10:21 pedir para corrigir isso usando o humanizer. Ele reformulou os textos. Na parte de baixo, dá para ver o que mudou em cada um, como a estrutura “não precisa de X, precisa de Y”. Há uma frase de encerramento e tudo mais. Agora, com certeza, eles soam menos como texto de IA. Usei tweets porque são curtos e fáceis de mostrar, mas isso é especialmente útil para textos mais longos. E, de novo, você pode usar isso como ponto de partida e depois adaptar ao seu próprio estilo de escrita ou aos exemplos que tem, continuando a aprimorá-lo.

10:54 A próxima é uma skill que ajuda o ChatGPT e o Claude a assistir a vídeos. E, apesar de se chamar Claude Video, também funciona no Codex. É por isso que estou mostrando aqui. Ela funciona com um link ou um arquivo local. Durante a instalação, vai perguntar se você quer adicionar uma API para gerar uma transcrição do áudio quando o vídeo não tiver uma ou não tiver legendas. Se precisar disso, você pode inserir uma chave de API. Vou usar minha chave de API da OpenAI. É totalmente grátis se você não usar isso, mas, se quiser a opção alternativa para quando não houver legendas, pode adicionar a chave.

11:26 Agora vou chamar a skill. Vou inserir um link do Instagram. É um vídeo de uma refeição preparada num acampamento. Os ingredientes estão na descrição, mas não as instruções. Vou pedir uma receita, e ela terá que ver o que aparece na tela do vídeo para conseguir fornecer as instruções completas. Parece que acertou em cheio. Ela incluiu a receita completa, com todas as instruções de tempo específicas que apareciam apenas na tela, como cinco minutos de cada lado. Agora vou mostrar o que acontece se eu simplesmente inserir o vídeo no ChatGPT sem a skill. Ele diz que

11:57 não consegue ver o vídeo no Instagram, então já ficou empacado. Mas, se eu inserir o arquivo completo do vídeo, ele consegue fazer isso. Ele extrai os quadros e identifica a receita completa, mas não gera uma transcrição. Com alguns prompts, dá para fazer isso, mas é preciso ir e voltar. A skill já tem tudo isso integrado. Então, funciona de maneira muito mais consistente e fluida. Às vezes, se não consegue ver o vídeo em um site, ela o baixa e processa sem que você precise enviar outro prompt. Ela simplesmente sabe o que fazer. Se você cria sites ou aplicativos com IA, os próximos vão

12:27 ajudar com todo o processo. Vou terminar mostrando uma skill que consegue fazer mudanças de grande impacto em um site com comandos simples de design. Superpowers é uma coleção de skills que ajudam a aprimorar todo o processo de desenvolvimento. Você pode chamar aspectos específicos por conta própria ou, depois de instalada, muitas vezes elas serão chamadas automaticamente para aprimorar as coisas. É como orientar o agent enquanto ele trabalha, em tarefas como brainstorming, elaboração de planos, implementação de funcionalidades e testes,

12:57 depuração. É como instalar um manual de desenvolvimento que o agent consulta ao longo de um projeto. Vou enviar prompts como de costume. Às vezes, vou notar que ele chamou algo do Superpowers. Tudo isso como parte do processo, sem eu precisar pensar nisso. Gstack é outra coleção de skills e ferramentas para diferentes tarefas relacionadas à criação e ao lançamento de software. Ela foi criada e é mantida por Gary Tan, CEO da Y Combinator. Mais uma vez, é uma lista grande. Algumas skills ajudam a questionar uma ideia de produto

13:29 ou a revisar um plano técnico. Outras cuidam de design, revisão de código, testes no navegador, correções de bugs e lançamentos. Algumas funcionalidades se sobrepõem às do Superpowers, mas muitas não. Então, uso as duas. A próxima é Impeccable. Ela foi criada para ajudar a resolver o problema do design empolado de IA. É impressionante o que a IA consegue criar em termos de design hoje, mas, quando você a usa muito, começa a perceber os sinais típicos de IA nos designs, assim como todo mundo

14:01 consegue percebê-los nos textos. Esta skill ajuda a resolver isso. Há uma lista com 24 comandos atualmente, para tarefas como criticar um design, dar mais força a designs sem graça, adicionar movimento com propósito, ajustar tipografia e layout, deixar uma interface mais clara ou mais marcante, entre muitas outras. Ela também tem um site que dá instruções claras sobre como usá-la. Eu geralmente consulto pelo GitHub, porém. Mas pedi ao ChatGPT para criar rapidinho este site, um passaporte dos parques nacionais de Utah. É um site bem simples. Mostra cada um dos parques.

14:32 Você pode clicar para indicar que já visitou um deles. Depois, ele o adiciona ao seu passaporte. Isso foi feito com apenas um prompt básico, e o resultado é limpo, mas bem contido. Então, vou chamar o Impeccable e dizer “boulder”. Esse é um dos comandos que promete dar mais força a designs sem graça. Não preciso acrescentar mais nada. Levei alguns minutos e ele adicionou uma tipografia mais marcante, seções em verde-floresta escuro, aumentou as imagens e fez algumas outras mudanças pelo site. Está muito melhor do que antes. Agora vou chamar o Impeccable de novo e usar o comando delight. Esse

15:05 é onde ele vai adicionar momentos de alegria. Ele diz que adicionou uma animação em que vai pressionar um carimbo no seu passaporte. Então vou testar. Digamos que eu já estive aqui. Essa animação ficou legal. Está muito melhor do que antes. Com certeza, deixa mais gratificante ter um momento assim quando você conclui uma tarefa. Depois, vou usar mais um comando do Impeccable. Critique. Esse é extremamente útil. Ele vai fazer uma análise detalhada do site. Dá para ver que ele trouxe todo esse feedback. Ele aborda o design. E boa parte disso tem a ver com testar as

15:35 diferentes funcionalidades e como uma pessoa usuária vivenciaria uma visita ao site. Depois, a responsividade entre desktop e dispositivos móveis. E ele traz muitas correções sólidas que eu poderia implementar, se esse fosse um site em que eu estivesse realmente trabalhando. Se você estiver criando qualquer tipo de site, aplicativo ou landing page com IA, recomendo muito instalar esse skill e se familiarizar com o funcionamento dele. É a maneira mais fácil que encontrei de elevar o nível dos seus designs. Esses são alguns skills realmente úteis que tenho usado. Escolha alguns que se encaixem no que você já faz,

16:06 teste-os em tarefas reais e depois personalize-os a partir daí. Os links para cada um desses repos do GitHub estão abaixo, além do recurso gratuito com 12 skills que você pode usar nas suas conversas habituais.

Transcrição original

[00:00] Skills are one of the best ways to make your AI more powerful, and there are already some amazing ones you can install for free. I’m going to show you my favorites, how to install them, and what I actually use them for. Everything from researching what people are saying, and cleaning up AI writing to analyzing videos and creating animations. After that, I’ll get into the skills I use to build better websites, tools, and apps. First, really quick, for anyone who

[00:31] doesn’t know, skills are a way to teach your AI how to execute a specific task or set of steps in a repeatable way. I think of them as recipe cards for workflows. Some skills are just a set of instructions. Others include scripts, reference material, or tools the AI needs to do the job. All the skills I’m covering are compatible across most agentic tools like chat GPT work or codeex cla co-work or code and things like grockbot Hermes openclaw and others.

[01:04] I’ll start with one I’ve talked about on the channel before because it’s awesome. It’s called last 30 days. This skill goes out and finds what people are actually saying about a topic right now. Instead of relying mostly on normal web search, it searches across YouTube transcripts, Reddit, Poly Market, and other places. Then it scores and filters everything and synthesizes it all into a short report. And I’ll install this one in chat GPT work, the next one in cloud code, then cloud co-work, then codeex just so you can see it all, but it’s

[01:35] basically the same process in each and it’s really easy. This is the GitHub repo. GitHub is just a platform people use to store code in the cloud. That’s where all of these will be. You can read all about the skill and exactly what it does here. I’m going to copy the link which will be down in the description with all the others. Then I’ll come into chat GPT and make sure I switch it over to the work tab. Then I’ll say install this skill from GitHub using its setup instructions. Then I’ll paste in the link and send it off. That’s it. It

[02:06] works for a minute, then comes back and says the skill is installed. Easy as that. Now I will start a new chat to test it. To call a skill in work, you can hit at then find it. This one’s right here. And how about I try Jev from type safe. That’s a new AI tool that’s been all over the place for a few days. That’s all I need to type in. The skill will do the rest. Researched for 5 minutes and came back with this report, which is a nice digestible size. That’s something I like about it. It’s not some

[02:36] gigantic report. It extracts all the most useful findings into something I’ll actually read. Then at the bottom, you can see it used 14 Reddit threads, 13 stories on Hacker News, and GitHub. I can open that to see all the posts with links. And you can enable additional sources during setup, like X and YouTube, too. Now, this summary is useful, but sometimes I use this for video ideas, and often the best ones are in the posts that don’t make it into that summary. So, I actually built a site around it where I can browse through some of that additional

[03:06] information that the skill burries. When I run this skill, you can see it says last 30 days upstream. I’ll run it on the same topic. Then, at the end of its run, it will automatically fill out everything on the site. So, now it still has a nice summary. Then, it lists out the use cases to give me ideas or just to cover in addition to the ones I already use. Then, there’s unconventional takes. Sometimes these are really helpful. In this case, right up top, it points out how Jev talks about having zero hallucinations, but that doesn’t mean it has no errors. It can still get things wrong. A lot of the

[03:37] posts around Jeb I saw weren’t very clear about that. Then it has all the original posts embedded when possible. So, it’s a lot easier to see them without having to click through to a bunch of different posts. So, to summarize how I got here, once I had built the site, I asked Codeex to run the skill. Then, I asked it to take all that extra information and input it into the format I wanted on that site. made sure the connection worked and that it was formatting things how I wanted. At the end of that iteration, I asked it to package everything up as a new expanded skill. I did walk through this entire process in my video about chatdy sites

[04:08] if you want to see every little detail of this specific skill and site. But the core idea I wanted to get across is you don’t have to just download a skill and use it as is. That skill can be your starting point. You can build on it. Skills work even better when you customize them to your specific setup and preferences. I’m covering mostly agent skills in this video, but there’s also skills that can make your regular chats in Claude and Chatbt more powerful. I have a free resource that includes 12 of those down in the description. And it says Claude, but they work in chatbt, too. There’s a

[04:39] brand voice skill, a personalized content engine, a YouTube launch kit, an interactive dashboard builder, and more. Each one includes a prompt you can paste in to create it, plus step-by-step instructions. Those are all really easy to install and use. Get them for free at the link in the description. Next, I have two awesome skills that I’m going to group together because they’re for a similar goal. They’re remotion and hyperframes. Both are tools for creating videos with code. And then they have

[05:10] skills that teach your agent how to use them for creating motion graphics, data visualizations, map animations, captions, and a lot more. So, I’m going to install this one in Cloud Code. This is the same way as before. Type out the prompt, just the short prompt and paste in the link. That’s all it needed. Now it’s installed. I’m going to open up a new chat and create a motion graphic I could use in this video. Use Remotion to make me a motion graphic that talks about agent skills. Use a chat GBT icon in the center. Then have a bunch of things or icons expand from it that make it look like it has skills that are

[05:42] expanding its capabilities. I’ll send that. Just a simple prompt. And you’ll notice I didn’t use a forward slash or at sign to call reotion. You don’t have to. it will still use it if you just mention it. Or some tools it will just use based on the context of your prompt without mentioning them by name at all. That’s all done. And Remotion opens up into basically a whole editing studio. There’s a ton of stuff you can do in here. Now, actually, since it didn’t have the Chad BT logo, I’m going to just upload that really quick and have it fix that. So, now it’s done. Let’s check it

[06:12] out. That is a super smooth animation. It looks awesome. I would use that exactly as is. Now I’ll run that same prompt through Hyperframe so you can see the difference. Just install that really quick. I sent the same prompt. This was the result. And that also looks awesome. Both Remotion and Hyperframes let your AI create videos by writing code.

[06:44] Remotion builds them with React. Hyperframes uses HTML and web animations. It’s a different approach, so they have different strengths. I recommend uploading the skills and then experimenting with both for whatever you need them for. Now, you may have seen that type with like animated icons before from these. So, I’m going to show another quick example of a map animation that’s a lot different. And Remotion actually has a built-in skill called Remotion maps. So, I’m going to call that and I’ll send a prompt that’s a little longer, but basically it’s to make a 15-second animation of a Utah

[07:15] National Parks road trip with some detail about the type of map and how the camera should move and things like that. And then I will send the same prompt with hyperframes. Now, here’s how that came back from reotion. That’s looking really good. It’s following the prompt. Looks like it’s following all the highways and is pretty smooth camera movement. Although I don’t like the spin it did at the beginning and at the end here. That’s a little disorienting. I think that was just so it could be following it from behind. I’m sure I could ask it not to do that. Let’s look at the hyperframes version. And it

[07:47] already looks like the aesthetics is way better. That was a super smooth zoom in. Looks like it’s following the same route along the correct highways. And I like the angle of this camera a lot more. And the zoom out to the whole thing. I like that way better than the Remotion version. even though Remotion has that specific map skill. So that’s what I mean when I say they’re good at different things. And the Remotion one wasn’t bad, but I’d like hyperframes a lot more for this use case then I preferred Remotion for that previous type of motion graphics.

[08:19] I showed the core process of downloading a skill, but there’s one more step I also run a lot of the time for inspecting the skill. Nvidia has a security scanner called Skill Inspector. It scans skills for potential security risks. Like skills can include instructions, scripts, and other tools your agent runs. So, a malicious or poorly built skill could expose API keys or sensitive data or get your agent to take actions you didn’t intend. So, I asked it to install this as a skill I

[08:49] can run. And I’m in cloud co-work this time. So, I will go ahead and call it. And then drop in the link to the next skill I’m going to show. And this one is going to be a more basic skill. And it does say it’s safe to install. And this is what the report looks like. It goes really deep. I will say sometimes it flags things that I think are fairly minor and felt comfortable still installing the skill after. But yeah, it’s a great report. Use your own judgment based on whatever risks it finds. On the other end, just because this says it’s clean isn’t an absolute

[09:20] guarantee everything safe, but it’s definitely a useful extra step when you’re downloading skills from other people. That skill I just had it inspect is called humanizer. So I will say it can install it. This skill helps to solve the problem of AI slop in writing. Slop is everywhere now. And the more you use AI, the more you see the signs of its writing all over the place. This helps to humanize that writing. Now that that’s installed, I will send a prompt without using the skill. just to get

[09:51] Claude’s default output. I’ll say, “Write me three engaging tweets about Jev from Typesafe.” Here’s what came back. Most AI calls in your code don’t need an essay. They need a decision and a confident score. Like, that sounds super AI right off the bat. The it’s not this, it’s that pattern. And the ending, welcome to system one models. Definitely a slot post. Same with the first line of the next post. The ending of this third one. Really almost every part of these feels like it was written with AI. So I

[10:21] will say fix those up using humanizer. It reworked those. At the bottom you can see what it changed in each like the don’t need X need Y setup. There’s a closing line and all of this. These definitely sound less like AI now. And I used tweets because they’re short and easy to show, but this is especially useful for longer writing than this. And again, you can use this as a starting point to then tailor to your own writing style or examples you have and keep optimizing it.

[10:54] Next is a skill that helps chatbt and claude to watch videos. And despite being named Claude video, it works in codecs as well. That’s why I’m showing it here. And it works from a link or a local file. And then while installing it, it will ask if you want to add an API to be able to generate a transcript from the audio when the video doesn’t already have one or captions. If you need that, you can drop in an API key. I’ll use my open AI API key for it. It’s completely free if you don’t use that, but if you want the fallback when there’s no captions, you can add that.

[11:26] And then I am going to call the skill. I’ll drop in an Instagram link. And this is to a video of a camping meal where they have the ingredients in the description, but not the instructions. I will ask for a recipe and it will have to actually see what’s on screen in the video to be able to have the full instructions. That looks like it got it perfect. It has the full recipe with all the specific timing instructions that were only listed on screen, like 5 minutes on both sides. Now I’ll show what happens if I just drop it into chatt without the skill. It says it

[11:57] can’t view the video on Instagram, so it’s already stuck. If I drop the full video file in, though, it will be able to do this. So, it extracts the frames and figures out the full recipe, but it doesn’t generate a transcript. And with some prompting, you can get it to do that, but it takes back and forth. The skill has just all of this stuff built in already. So, it just works much more consistently and smooth. Like, sometimes if it can’t see the video on a site, it will download it and process it without you even needing to reprompt. It just knows what to do. If you build websites or apps with AI, these next ones will

[12:27] help with the whole process. I’ll finish by showing one that can make really impactful changes to a website with simple design commands. Superpowers is a collection of skills that help enhance the whole development process. You can call specific aspects yourself or once it’s installed, they’ll often just get called automatically to enhance things. Just kind of guiding the agent as it works. for things like brainstorming, writing plans, implementing features, testing,

[12:57] debugging. It’s a lot like installing a development playbook that the agent consults throughout a project. I’ll just be sending prompts like normal. Then sometimes I’ll notice it called in something from superpowers. All just as part of the process without me thinking about it. Gstack is another collection of skills and tools for different jobs involving building and shipping software. This one is built and maintained by Gary Tan, the CEO of Y Combinator. Again, this is a big list. Some help challenge a product

[13:29] idea or review a technical plan. Others handle design, code review, browser testing, bug fixes, and releases. And some of the capabilities do overlap with superpowers, but there’s a lot that don’t. So, I use both of them. Next is Impeccable. This was created to help solve the problem of AI design slop. It’s amazing what designs AI can create now, but when you’ve used it a lot, you start to notice that AI tells across designs, similar to how everyone

[14:01] can spot them in text. Now, this helps to solve that. There’s a list of currently 24 commands for things like critiquing a design, amplifying boring designs, adding purposeful motion, adjusting typography and layout, making an interface clearer or more distinctive, and a lot more. This one has a website as well that helps give clear instructions on how to use it. I usually look at it through GitHub, though. But I had Chacht spin up this site really quick that’s a Utah National Parks Passport site. Just a really simple site. Shows each of the parks.

[14:32] You can click to say you’ve been to one. Then it adds it to your passport. That was from just one basic prompt and it’s clean but pretty restrained. So I will call impeccable and say boulder. That’s one of its commands that says it will amplify boring designs. I don’t have to add anything else. I took a few minutes and added stronger typography. Deep forest green sections and made the pictures larger and a few other things throughout. This is much better than before. And now I will call impeccable again and use the delight command. This

[15:05] is where it will add moments of joy. It says it added an animation where it will press a stamp into your passport. So I’ll try that. Say I’ve been here. That’s a nice animation. Looks much better than before. Definitely makes it more satisfying to have a moment like that when you complete one. Then I’m going to use one more impeccable command. Critique. This is an extremely useful one. It will do a big review of the site. You can see it has all of this feedback. It covers the design. Then a lot of this is around testing out the

[15:35] different functionality and how a user would experience visiting the site. Then the responsiveness between desktop and mobile. And it has a lot of solid fixes I could implement. If this was a site I was actually working on. If you’re building any sort of websites or apps or landing pages with AI, I highly recommend installing this one and familiarizing yourself with how it works. It’s the easiest way I’ve found to level up your designs. Those are some really helpful skills I’ve been using. Pick some that fit what you already do,

[16:06] try them on real tasks, and then customize from there. All the links are below to each of these GitHub repos, plus the free resource with 12 skills you can use in your regular chats.