마지막으로! AImarkdown 스크립트를 사용하여 ChatGPT 출력을 색상화할 수 있습니다: 방법은 다음과 같습니다.

ChatGPT 4가 필요합니다.

소개

ChatGPT 대화를 시각적으로 더욱 매력적으로 만들고 싶으십니까? 이 가이드에서는 방법을 보여줍니다. 간단한 도구를 통해 일반 ChatGPT 응답을 생생한 형식의 응답으로 변환하는 방법을 알아보세요.

ChatGPT를 사용하여 정보를 돋보이게 하거나 앱 개발을 향상시키려는 모든 사람에게 적합합니다.

ChatGPT가 마크다운 및 색상에 대한 기본 지원이 부족함에도 불구하고 해결 방법이 있습니다. 많은 사람들은 ChatGPT 앱을 만들거나 ChatGPT Builder 출력을 사용하려면 많은 노력과 수년간의 소프트웨어 개발 경험이 필요하다고 생각합니다.

AImarkdown 스크립트는 이 모든 것을 바꾸어 상호 작용의 시각적 매력을 쉽게 향상시킬 수 있음을 입증합니다.

다채롭고 형식화된 ChatGPT 응답을 가능하게 하는 몇 가지 추가 도구를 살펴보겠습니다. 프로젝트를 향상시키려는 개발자이든 ChatGPT 경험을 풍부하게 하려는 일반 사용자이든 관계없이 이러한 도구는 접근하기 쉽고 사용하기 쉽게 설계되었습니다.

사용된 도구

1. AImarkdown 스크립트 : 사람이 이해할 수 있는 YAML 및 Markdown을 사용하여 출력 및 상호 작용을 제어합니다.

   
   

2. Placehold : 간단하고 빠른 무료 이미지 자리 표시자 서비스입니다.

   
   

3. Fakeimg : URL이 포함된 이미지를 생성합니다. 크기, 색상, 텍스트까지 선택하세요.

   
   

4. Shield.io : 간결하고 일관되며 읽기 쉬운 이미지 배지를 만듭니다.

스크린샷

1. AImarkdown 스크립트

• https://aimarkdown.org

AImarkdown 스크립트는 ChatGPT와 같은 대화형 AI 플랫폼과 동적 상호 작용을 생성하기 위한 다목적 언어입니다. 이를 통해 사용자는 상호 작용 스크립트를 작성하고, 대화 흐름을 제어하고, AI 동작 및 응답을 맞춤 설정할 수 있습니다.

프로그래머에게는 스크립팅 언어의 유연성을 제공합니다. 프로그래머가 아닌 사람들에게는 AI 경험을 맞춤화하고 제어할 수 있는 사용자 친화적인 방법을 제공합니다. Rob McCormack이 개발함 - https://aimarkdown.org

노트:

1. AImarkdown 스크립트를 ChatGPT 4 또는 ChatGPT Builder 세션에 간단히 붙여넣을 수 있으며, AI는 지침을 따르고 그에 따라 작동합니다. ChatGPT 빌더와 동일합니다.

   
   

2. 일부 이미지는 iPhone 앱에 표시되지 않을 수 있습니다. 하지만 데스크톱 및 모바일의 브라우저에서는 이미지가 표시됩니다.

2. 자리 표시

선적 서류 비치

• https://placehold.co/

암호

 https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:16.936Z-d7kvk3alfpb2zmrgr4fgv9f9

마크다운 형식의 이미지

3. 가짜 이미지

FakeImg는 글꼴과 투명도를 지원합니다.

선적 서류 비치

• https://github.com/Rydgel/Fake-images-please

암호

 ![image](https://fakeimg.pl/300x50/ff2233,60/f0ff00,128?text=Main%20Title&font=lobster&font_size=24)

마크다운 형식의 이미지

매개변수 설명:

FakeImg에 대한 문서는 따라가기가 약간 어렵기 때문에 여기에 사용된 매개변수에 대한 간략한 설명이 있습니다.

![image](https://fakeimg.pl/300x100/ff0000,128/0000ff,128?text=Rob%20McCormack&font=lobster&font_size=24)

• 300x100 : 생성된 이미지의 크기를 지정합니다. 이 경우 이미지의 크기는 너비 300픽셀, 높이 100픽셀입니다.

• ff0000,128 : 배경색과 불투명도를 정의합니다. ff0000 은 빨간색에 대한 16진수 코드이고 128 불투명도를 50%로 설정합니다(0~255 범위에서 255는 완전히 불투명함).

• 0000ff,128 : 텍스트 색상과 불투명도를 설정합니다. 0000ff 는 파란색의 16진수 코드이고 128 텍스트 불투명도가 50%임을 나타냅니다.

• text=Rob%20McCormack : 이 매개변수는 이미지에 표시될 텍스트를 지정합니다. %20 은 URL로 인코딩된 공간이므로 이미지의 텍스트는 "Rob McCormack"이 됩니다.

• font=lobster : 텍스트에 사용되는 글꼴을 결정합니다. 이 경우 "lobster"가 선택된 글꼴입니다.

• font_size=24 : 글꼴의 크기를 설정합니다. 텍스트는 24픽셀의 글꼴 크기를 사용하여 표시됩니다.

4. Shields.io

선적 서류 비치

• https://shields.io/

코드 참고: 이미지에 하이퍼링크를 연결할 수도 있습니다.

 https://placehold.co/300x40/ff0000/FFFFFF/png?text=Hello+World&font=roboto

마크다운 형식의 배지

 ![image](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.648Z-ov4b34ogcyq4ggkcglua8m3z) 

AImarkdown 스크립트 설치 참고 사항

1. ✅ ChatGPT 4 : ChatGPT에 코드를 복사하여 붙여넣습니다.

   
   

2. ✅ ChatGPT Builder : Configuration|Instructions 에서 " AI to follow this Instructions: "를 추가한 다음 전체 코드를 복사하여 붙여넣습니다.

   
   

3. ❌ API 작업이 포함된 ChatGPT 빌더 : 작업을 설정하고 API 호출에 대한 지식이 필요합니다.

결론

AImarkdown 스크립트를 ChatGPT 및 ChatGPT Builder 앱에 통합하면 새로운 수준의 사용자 정의가 가능해졌습니다. 색상, 서식, 이미지를 추가하면 사용자 경험이 변화되어 가독성이 향상되고 정보를 더 쉽게 이해할 수 있습니다.

이를 통해 훨씬 더 매력적이고 유익한 상호 작용이 가능해집니다!

다음 단계

• 실험: 더 많은 이벤트와 복잡한 트리거를 추가하여 프로젝트 기능을 확장해 보세요.

• AImarkdown 커뮤니티: AImarkdown 커뮤니티에 가입하여 아이디어를 공유하고 다른 사람들로부터 배웁니다. https://aimarkdown.org 웹사이트를 방문하세요.

• 프로젝트 공유: 공유 가능한 링크를 사용하여 ChatGPT 세션의 작업 버전을 공유해 보세요. 이렇게 하면 다른 사람들도 직접 시도해 볼 수 있습니다!

게시된 기사: 추가 자료

• 코드 하이라이터 응답기 - ChatGPT의 누락된 기능
• ChatGPT에서 Python의 강력한 기능 활용 - 1부
• AI 코칭으로 ChatGPT 4 블랙잭 게임 구축(49줄의 코드)
• ResponseDial: ChatGPT 응답 제어
• ChatGPT가 잊어버린 "날짜 스탬프" 기능을 즉시 추가하세요
• AImarkdown 스크립트를 사용하는 ChatGPT의 초고속 Python
• 마지막으로! AImarkdown 스크립트를 사용하여 ChatGPT 출력 색상화

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: ![](https://placehold.co/600x100/222222/0093ff?font=playfair-display&text=History%20of%20Canada) # 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 ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:20.021Z-pmglc34kqqac5o33ves7ace8) [topic_title_image] - *[topic_title] by [author]* ![](https://img.shields.io/badge/A%20brief%20look%20at%20Canada's%20beginnings.-0d6efd) [topic_intro] --- ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.710Z-nipn5oo8qst5ch7ffyomrg42) --- ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:20.937Z-sqm9ahig4nas8ihhz3wbate7) |![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.562Z-e1qh17g63ncn7r0tgdzz9edc) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.443Z-e4lct363fq96kx9d5gc074h3) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:19.320Z-zeuamkaopcqw5emdgui26bkq) | | :--: | :--: | :--: | | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.766Z-diqzi1ckvbl7a93laju812or) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.714Z-r83k5dd8z2k39jm89ekiz4vw) | ![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.626Z-r56andnccflarfr49k9va00m) | > Click to change color and animate Robot. > [![](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.549Z-dkqrtjrf6sk5babkmxgnxdxg)](https://aimarkdown.org/i/robot-animated.gif) ### Lorem Ipsum [lorem_ipsum_text] --- ![](https://img.shields.io/badge/%F0%9F%8D%81Made%20in%20Canada%20-grey?style=flat-square)![Powered by AImarkdown](https://cdn.hackernoon.com/images/k2s7svgbhkVZ5UqFBHR7QLwURtJ2-2024-03-20T20:45:17.421Z-bwylfan7yqcdwvxtnz1a6mqr) :::

여기에도 게시됨