Jan 01, 1970
Finalmente! Você pode colorir a saída do ChatGPT com o script AImarkdown: veja como por@robmccormack
861 leituras
Finalmente! Você pode colorir a saída do ChatGPT com o script AImarkdown: veja como
Muito longo; Para ler
Quer tornar suas conversas no ChatGPT mais envolventes visualmente? Este guia mostra como. Descubra como ferramentas simples podem transformar respostas simples do ChatGPT em respostas formatadas e vibrantes.ChatGPT 4 é necessário.
Introdução
Quer tornar suas conversas no ChatGPT mais envolventes visualmente? Este guia mostra como. Descubra como ferramentas simples podem transformar respostas simples do ChatGPT em respostas formatadas e vibrantes.
Perfeito para quem deseja destacar as informações ou aprimorar o desenvolvimento de aplicativos com ChatGPT.
Apesar da falta de suporte nativo do ChatGPT para Markdown e cores, há uma solução alternativa. Muitos acreditam que criar aplicativos ChatGPT ou usar resultados do ChatGPT Builder requer muito esforço e anos de experiência em desenvolvimento de software.
O AImarkdown Script muda tudo isso, provando que é possível melhorar facilmente o apelo visual de suas interações.
Vamos explorar algumas ferramentas extras que tornam possíveis respostas ChatGPT formatadas e coloridas. Seja você um desenvolvedor que busca aprimorar seus projetos ou um usuário casual que busca enriquecer sua experiência no ChatGPT, essas ferramentas foram projetadas para serem acessíveis e fáceis de usar.
Ferramentas usadas
Script AImarkdown : controle a saída e as interações com YAML e Markdown compreensíveis por humanos.
Placehold : um serviço de espaço reservado para imagens simples, rápido e gratuito.
Fakeimg : Gera imagens com URL. Escolha o tamanho, as cores e até o texto.
Shield.io : cria emblemas de imagem concisos, consistentes e legíveis.
Captura de tela
1. Script AImarkdown
AImarkdown Script é uma linguagem versátil para criar interações dinâmicas com plataformas de IA conversacionais como ChatGPT. Ele capacita os usuários a criar scripts de interações, controlar o fluxo de conversas e personalizar o comportamento e as respostas da IA.
Para programadores, oferece a flexibilidade de uma linguagem de script; para não programadores, fornece uma maneira fácil de personalizar e controlar experiências de IA. Desenvolvido por Rob McCormack - https://aimarkdown.org
Notas:
O AImarkdown Script pode ser simplesmente colado em qualquer sessão do ChatGPT 4 ou ChatGPT Builder, e a IA seguirá as instruções e se comportará de acordo. O mesmo acontece com o Construtor ChatGPT.
Algumas imagens podem não ser exibidas no aplicativo para iPhone. Mas em um navegador no desktop e no celular, as imagens serão exibidas.
2. Espaço reservado
Documentação
Código
https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:16.936Z-d7kvk3alfpb2zmrgr4fgv9f9
Imagem formatada Markdown
3. FakeImg
FakeImg oferece suporte a fontes e transparências.
Documentação
Código
Imagem formatada Markdown
Parâmetros explicados:
A documentação do FakeImg é um pouco difícil de seguir, então aqui está uma explicação concisa dos parâmetros usados.
-
300x100: especifica as dimensões da imagem gerada. Neste caso, a imagem tem 300 pixels de largura e 100 pixels de altura.
-
ff0000,128: Define a cor de fundo e sua opacidade.ff0000é um código hexadecimal para a cor vermelha e128define a opacidade para 50% (em uma escala de 0 a 255, onde 255 é totalmente opaco).
-
0000ff,128: Define a cor do texto e sua opacidade.0000ffé o código hexadecimal para azul e128indica a opacidade do texto em 50%.
-
text=Rob%20McCormack: Este parâmetro especifica o texto a ser exibido na imagem.%20é um espaço codificado em URL, portanto o texto na imagem será “Rob McCormack”.
-
font=lobster: Determina a fonte usada para o texto. Neste caso, “lobster” é a fonte escolhida.
-
font_size=24: Define o tamanho da fonte. O texto será exibido usando um tamanho de fonte de 24 pixels.
4. Escudos.io
Documentação
Nota de código : as imagens também podem ter hiperlinks.
https://placehold.co/300x40/ff0000/FFFFFF/png?text=Hello+World&font=roboto
Selo formatado em Markdown
 Notas de instalação do script AImarkdown
✅ ChatGPT 4 : Copie e cole o código no ChatGPT.
✅ ChatGPT Builder : Em
Configuration|Instructions, adicione " AI para seguir estas instruções: " e, em seguida, copie e cole todo o código.
❌ Construtor ChatGPT com ações de API : é necessário configurar ações e conhecimento de chamadas de API.
Conclusão
Ao integrar o AImarkdown Script em seus aplicativos ChatGPT e ChatGPT Builder, você desbloqueou um novo nível de personalização. Adicionar cores, formatação e imagens transforma a experiência do usuário, melhorando a legibilidade e tornando as informações mais fáceis de entender.
Isso abre a porta para interações ainda mais envolventes e informativas!
Próximos passos
- Experiência: explore a adição de mais eventos e gatilhos complexos para expandir os recursos do seu projeto.
- Comunidade AImarkdown: Junte-se à comunidade AImarkdown para compartilhar ideias e aprender com outras pessoas. Visite o site em https://aimarkdown.org .
- Compartilhe seu projeto: considere compartilhar uma versão funcional de sua sessão ChatGPT usando um link compartilhável. Isso permitiria que outros experimentassem diretamente!
Artigos publicados: leitura adicional
- Code Highlighter Responder - Recurso ausente do ChatGPT
- Liberando o poder do Python no ChatGPT - Parte Um
- Crie um jogo de blackjack ChatGPT 4 com treinamento de IA (49 linhas de código)
- ResponseDial: Assuma o controle das respostas do ChatGPT
- Adicione instantaneamente um recurso de “carimbo de data” que o ChatGPT esqueceu
- Python extremamente rápido em ChatGPT com script AImarkdown
- Finalmente! Colorir a saída do ChatGPT com o script AImarkdown
Código de script AImarkdown
title: Colorizer for ChatGPT author: Rob McCormack # AI To Follow These Instructions and Guidance (version 2024.02.03) # Overview: Example of using color with AImarkdown Script # Document Structure: # - AImarkdown language is a combination of YAML and Markdown. https://aimarkdown.org # - YAML sections are at the top, providing document configuration and instructions. # - Comments (`#`) in YAML guide AI's approach to the document. # - Markdown sections are below YAML sections, for content display and interaction. # Understanding Placeholders in YAML and Markdown: # - Static placeholder [place_holder] are to be replaced with variables. # Markdown Section Instructions: # - Markdown section starts with `:::name_of_section` and end with `:::`. # - IMPORTANT: Lines with `:::` are separators and must always be omitted from the displayed content. # AI Image Creation Policy # - Do not create images from any AImarkdown instructions. # - Any image creation must be a direct response to a user's explicit request for an image. # Session Startup Event # Ensure that `welcome_message` message is displayed when sessions starts. # Display `welcome_message` message without additional elaboration. session_startup: action: display_welcome_message_and_trigger_color welcome_message: | Welcome to: **[title]** Use `/color` to try this out. topic_title: History of Canada topic_title_image:  # AI to generate an introduction to a topic topic_intro: AI to generate in point form, 3 short points about history of Canada. # Generate some random text for display in Markdown section lorem_ipsum_text: AI to generate 1 paragraph, about 80 words of Lorem ipsum text. # Display `color-document` Markdown section # AI to not elaborate or explain - just display `color-document` display_color-document: - Directly display 'color-document' section without adding any AI-generated introduction, explanation, or commentary. - Display all images in `[alt text](image_url)` Markdown syntax. - Replace all placeholders with values. - trigger: /color # Markdown section `color-document`. :::color-document  [topic_title_image] - *[topic_title] by [author]*  [topic_intro] ---  ---  | |  |  | | :--: | :--: | :--: | |  |  |  | > Click to change color and animate Robot. > [](https://aimarkdown.org/i/robot-animated.gif) ### Lorem Ipsum [lorem_ipsum_text] ---  :::Também publicado aqui
L O A D I N G
. . . comments & more!
. . . comments & more!
