5 skills que eu uso todos os dias para programar com IA (+ BÔNUS)

Introdução às Skills em IA

O Impacto das Skills

• A introdução das skills é considerada uma mudança significativa no mundo da IA, com o apresentador compartilhando cinco skills que utiliza diariamente para programar.

• Inicialmente, o apresentador não deu muita importância às skills, mas reconhece seu impacto crescente na economia de contexto e eficiência.

Funcionamento das Skills

• As skills são definidas como um conjunto de markdown com instruções e scripts, acompanhadas de metadata que descreve brevemente sua função.

• O conceito de "progressive disclosure" permite que o agente carregue apenas o contexto necessário no momento certo, otimizando a utilização dos tokens.

Evolução e Padrão Unificado das Skills

Crescimento e Especificação

• As skills evoluíram para se tornarem um padrão unificado chamado "agent skills", utilizado por diversos modelos como Codex e Gemini.

• As skills consistem em pastas contendo instruções e recursos que os agentes podem descobrir para realizar tarefas de forma mais eficiente.

Aprendizado e Aplicação Prática

• O aprendizado de novas habilidades é comparado à experiência prática; após aprender algo novo, a habilidade se torna um guia ou referência consolidada.

• É possível criar skills específicas para diferentes domínios, facilitando a execução de tarefas variadas.

Características das Skills

Simplicidade e Portabilidade

• As skills são arquivos markdown simples, leves e portáteis, podendo ser gerenciadas em ferramentas como Obsidian.

Benefícios das Skills

• Habilitam a transferência do conhecimento especializado da empresa para novos funcionários através da criação de capacidades específicas.

• Permitem construir workflows repetíveis com maior previsibilidade ao trabalhar com LLMs (Modelos de Linguagem Grande).

Interoperabilidade das Skills

Reutilização Eficiente

• Uma skill pode ser reutilizada em diversos produtos compatíveis, aumentando a eficiência ao economizar tokens durante sua aplicação.

Exemplo Prático: Playwright TL

Introdução ao Playwright

• O Playwright é apresentado como uma ferramenta para controlar navegadores via código. A nova CLI do Playwright oferece comandos eficientes para essa tarefa.

Introdução ao Playwright e CLI

Instalação e Configuração

• Apenas 20% dos tokens estão utilizando a CLI e não o MCP. A instalação da CLI do Playwright é a primeira etapa, seguida pela instalação das skills.

• No Cloud Code, pode-se invocar o script usando playw CLI, permitindo que comandos sejam executados diretamente.

Demonstração Prática

• O comando para abrir uma página específica foi executado, e o sistema começou a tirar screenshots automaticamente.

• O navegador interagiu com a página, clicando no elemento necessário para mudar a visualização para "year to date", conforme solicitado.

Resultados Obtidos

• O Cloud Code permite que você visualize os resultados de forma prática, mostrando informações adicionais além do pedido inicial.

• É possível instruir o agente a realizar testes end-to-end e capturar evidências visuais como screenshots ou vídeos do processo.

Skills Avançadas no Playwright

Interface Design Skill

• Uma nova skill chamada "interface design" foi introduzida, prometendo melhorias significativas na criação de front ends.

• A migração da skill antiga para a nova é simples; basta desinstalar e seguir os novos comandos recomendados pelo criador.

Utilização do Plugin

• O plugin desenvolvido para o Cloud Code pode ser utilizado independentemente dele; é um markdown simples que pode ser copiado manualmente se desejado.

Criação de Aplicativos Interativos

• Um exemplo prático envolve criar um aplicativo para rastrear extrações de café, focando em dashboards interativos em vez de landing pages tradicionais.

Testes com Novas Funcionalidades

• A skill é voltada para ferramentas interativas e painéis administrativos. Testes iniciais foram realizados sem utilizar as skills específicas.

Conclusão sobre Desenvolvimento com IA

Geração de Prompts Eficientes

• Durante o desenvolvimento do dashboard, foi gerado um prompt simples utilizando HTML, JavaScript e CSS.

Coffe Master Skills: Criando um App com Design de Interface

Introdução ao Projeto

• O apresentador inicia a criação de um novo aplicativo chamado "Coffe Master Skills", destacando que o foco do vídeo não é o plano, mas sim a diferença na construção da skill.

• Ele menciona que ambos os agentes (um com design de interface e outro sem) têm o mesmo prompt inicial, enfatizando a importância de entender o que está sendo construído.

Processo de Design

• O agente que utiliza a skill considera princípios de design para entender melhor o usuário, questionando quem ele é e como deve se sentir ao usar o app.

• A construção do app busca uma estética "warm" (acolhedora), lembrando um caderno para amantes de café, em vez de parecer um instrumento laboratorial ou um menu genérico.

Feedback e Iteração

• O agente pergunta se a direção do design está correta; o apresentador aprova e destaca as escolhas estéticas, como cores cremosas que remetem ao café.

• Introduz-se a terceira skill chamada "Napkin", que permite ao agente anotar aprendizados durante o desenvolvimento do projeto, funcionando como uma memória persistente.

Comparação entre Versões do App

• Os dois agentes finalizam suas versões do app. A versão sem skill é funcional, mas apresenta traços menos refinados.

• A versão com a skill tem uma aparência mais profissional e organizada, com tipografia específica e detalhes visuais aprimorados.

Importância das Skills no Desenvolvimento

• O apresentador observa diferenças significativas entre as duas versões do app apenas pela aplicação da skill no design da interface.

• Ele reforça sua preferência por utilizar skills em projetos devido à melhoria substancial na qualidade visual e funcional dos aplicativos criados.

Detalhes sobre a Skill Napkin

• A skill Napkin funciona como um arquivo markdown onde instruções são armazenadas para uso contínuo pelo agente durante as sessões.

• É mencionado que essa memória deve ser mantida ativa em todas as sessões para garantir consistência nas informações coletadas pelo agente.

Exemplos Práticos da Skill Napkin

• Um exemplo prático é apresentado através do repositório Pint Brasil, onde itens gerados pela IA são organizados conforme ela avança no projeto.

• Instruções específicas são dadas sobre práticas recomendadas no backend, mostrando como a memória ajuda na execução eficiente das tarefas.

Execução e Validação de Regras na IA

Estrutura de Execução

• A sessão de execução e validação inclui a data, regras curtas e instruções sobre o que fazer em vez de ações incorretas.

• A IA aprende com erros anteriores, como falhas ao rodar comandos, anotando as formas corretas de execução.

Aprendizado da IA

• Exemplos práticos incluem a distinção entre banners ativos e expirados no Quant Brasil.

• Diretrizes do usuário são estabelecidas para uso consistente de ferramentas como PNPM para front-end e Python para back-end.

Introdução ao Fire Crawl

O que é Fire Crawl?

• O Fire Crawl é um scraper que utiliza inteligência artificial, permitindo scraping mais robusto em comparação com métodos tradicionais.

• Ele se adapta a mudanças no layout das páginas, mantendo a funcionalidade mesmo quando as estruturas mudam.

Integração com Open Call

• O Fire Crawl pode ser utilizado junto com o Open Call para buscas específicas na web.

• Demonstra-se a rapidez do Fire Crawl ao buscar informações relevantes, mostrando sua eficiência em compilar dados.

Criando Skills Personalizadas

Skill Creator

• A skill creator permite aos usuários desenvolverem suas próprias skills personalizadas para atender necessidades específicas.

• Exemplo prático: criação de uma skill para buscar dados do Bitcoin no Polymket.

Utilização Prática

• As skills criadas podem ser utilizadas diretamente dentro do app Codex, facilitando acesso a funcionalidades personalizadas.

• Um exemplo específico é a skill "price DB", que retorna preços atualizados do Bitcoin rapidamente.

Habilidades de Interação com Banco de Dados e Obsidian

Utilização de Skills para Consultas em Banco de Dados

• O apresentador discute como utilizar uma skill para buscar preços, enfatizando a importância da leitura e não apenas comandos como deletar ou atualizar.

• Ele menciona que essa abordagem facilita a interação com o banco de dados, permitindo consultas comuns sem complicações.

Integração com Obsidian

• O apresentador compartilha sua experiência ao usar uma skill para interagir com o Obsidian, um aplicativo de organização pessoal.

• Ele demonstra como a skill carrega automaticamente informações sobre livros lidos, destacando a eficiência do sistema.

• A habilidade permite que ele busque rapidamente dados específicos, como o último livro lido, utilizando comandos simples.

Desenvolvimento de Skills Personalizadas

• O apresentador explica que criou uma skill personalizada usando o "skill creator" do Obsidian, adaptando-a às suas necessidades específicas.

• Ele menciona outra skill chamada Post Hog Analytics, que integra dados analíticos dos aplicativos desenvolvidos pelo usuário.

Análise e Resolução de Problemas com Post Hog

• Através da Post Hog Analytics, ele consegue extrair informações sobre visitas à página principal do seu app nos últimos sete dias.

• Essa integração permite unificar informações e resolver problemas diretamente na interface onde está desenvolvendo seu app.

Aprimoramento Contínuo das Skills

• O apresentador destaca a importância do feedback contínuo nas skills. Se um erro é identificado, ele pode solicitar atualizações na skill para evitar recorrências futuras.

Criação de Skills Personalizadas para Estilo Pessoal

Skill "Write Like Rafael"

• Uma das últimas skills mencionadas é chamada "Write Like Rafael", criada para replicar seu estilo pessoal na escrita.

• Ele utiliza exemplos do seu próprio Obsidian para ensinar à IA seus vícios linguísticos e preferências estilísticas.

Aplicações Práticas da Skill

• Embora reconheça que a IA não substitui completamente sua voz única na escrita, ele acredita que essa ferramenta pode ser útil em contextos específicos como marketing por email.

Dicas para Personalizar a Escrita com IA

Importância da Linguagem Pessoal

• O uso de um travessão correto é destacado, enfatizando a importância de manter um padrão na linguagem escrita.

• O autor menciona que prefere utilizar tons e emoções que refletem sua própria personalidade ao escrever, evitando invenções desnecessárias.

Criando Habilidades com IA

• Para personalizar textos gerados por IA, recomenda-se usar o "skill creator" e outras ferramentas como "no code accept" e "cloud code".

• A criação de habilidades personalizadas pode ajudar a incorporar mais da voz do usuário nos textos gerados pela IA.

Interação com o Público

• O autor convida os espectadores a comentarem sobre quais habilidades acharam mais úteis ou sugerirem novas ideias.

• Sugere que os comentários funcionem como um repositório colaborativo onde as pessoas podem compartilhar soluções específicas que desenvolveram.