일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- 크롬 확장 프로그램
- 카카오 간편 로그인
- 웹 개발
- CloudType
- 무한 스크롤
- CI/CD
- 파일 업로드
- 웹소켓
- 초성 검색
- 욕설 및 비속어 필터링
- 초보 개발자
- 네이버 간편 로그인
- Github Actions
- firebase storage
- 전자결제
- perspective api
- 검색 기능
- 웹개발
- Stomp
- 초보개발자
- 구글 간편 로그인
- 포트원
- 1인 개발
- google font icon
- 웹서비스 배포
- Today
- Total
J2ong 님의 블로그
챗GPT 꾸미기 - GPT Styler (+ 업데이트) 본문
안녕하세요!
이번 글에서는 제가 직접 개발한 GPT Styler라는 크롬 확장 프로그램을 소개하고자 합니다.
GPT Styler는 ChatGPT를 비롯한 다양한 AI 챗봇 서비스의 웹 디자인을 사용자 스타일에 맞게 자유롭게 커스터마이징할 수 있도록 도와주는 크롬 확장 프로그램입니다.
GPT Styler는 크롬 브라우저만 있다면 누구나 사용할 수 있습니다.
※ 지원 서비스
- ChatGPT
- Claude
- Gemini
- Deepseek
위 네 가지 서비스의 UI를 간편하게 바꾸고 꾸밀 수 있습니다.
[왜 디자인을 바꿔야 할까?]
최근 많은 사람들이 ChatGPT 같은 AI 서비스를 일상적으로 활용하고 있습니다.
하지만 기본 제공되는 UI는 모두에게 똑같고, 다소 단조롭거나 낯설게 느껴질 수 있습니다.
예를 들어,
- 오랜 시간 글을 읽고 쓸 때 눈이 쉽게 피로해지는 경우
- 사용자의 감성이나 취향과 잘 맞지 않는 색조와 폰트 때문에 집중력이 떨어지는 경우
- 접근성을 고려한 대비가 부족해 글자가 잘 보이지 않는 경우
이런 문제들은 단순한 '꾸밈'이 아니라, 사용자의 몰입도, 피로도, 집중력에 직결되는 문제입니다.
GPT Styler는 이런 문제들을 해결하기 위해 태어났습니다.
- 원하는 배경과 테마로 눈의 피로도를 줄이고,
- 자신에게 맞는 글꼴과 크기로 가독성을 높이며,
- 말풍선과 입력창의 디자인을 바꿔 더 친근하고 즐거운 대화 경험을 제공합니다.
※ AI와 대화하는 경험도, 결국 사람의 감성을 자극하는 UI/UX가 매우 중요합니다.
GPT Styler는 AI를 더 편하고, 더 나답게 사용할 수 있도록 도와주는 "사용자 맞춤형 인터페이스 도구"입니다.
[GPT Styler의 주요 기능]
GPT Styler는 무료 버전과 유료 프리미엄 버전으로 제공되며, 프리미엄은 월 2,500원이라는 합리적인 가격으로 이용할 수 있습니다.
프리미엄 기능을 이용하고 싶다면, 별도의 회원가입 절차 없이 구글 계정으로 간편하게 로그인한 후, 결제를 진행하면 즉시 프리미엄 기능이 활성화됩니다. 로그인과 결제만으로 모든 기능을 바로 사용할 수 있어 매우 간편합니다.
또한 GPT Styler는 사용자의 개인정보를 최소한으로 수집하며, 구글 로그인 시 제공되는 이메일, 이름, 프로필 사진 정보만 사용됩니다. 이 중 실제 데이터베이스(DB)에는 이메일 주소만 저장되므로, 불필요한 정보는 수집하지 않습니다.
결제는 신뢰할 수 있는 PG사(Payment Gateway)를 통해 안전하게 처리되며, GPT Styler 자체에서는 결제 정보나 민감한 개인 정보를 저장하지 않습니다. 다시 말해, 사용자의 이메일 외에는 어떠한 개인정보도 DB에 저장되지 않으며, 보안과 개인정보 보호를 최우선으로 고려하고 있습니다.
1. 폰트 커스터마이징
- 다양한 글꼴 제공
- 글자 크기 조절
- 폰트 두께 설정
예시)
2. 테마 변경
- 기본 테마: Dark / Light / Blue / Green
- 프리미엄 테마:
- 더 많은 미리 정의된 테마 제공
- 배경색, 텍스트 색상, 강조색을 직접 설정 가능한 사용자 지정 테마
예시)
3. 배경 이미지 설정
- 내 PC의 이미지를 배경으로 설정 가능
- 채팅 배경화면을 개성 있게 연출 가능
- 자신이 좋아하는 연예인, 연인, 동물, 캐릭터, 풍경 등으로 설정해보세요!
예시)
4. 입력창 & 말풍선 디자인
- 말풍선과 입력창 스타일 변경
- 프리미엄 기능:
- 곡선 정도, 테두리 두께, 그림자 효과 등 세부 설정 가능
예시)
5. 프로필 꾸미기
- 프로필 모양 설정
- 프리미엄 기능:
- 더 많은 미리 정의된 프로필 모양 제공
- 크기, 테두리 색상, 곡선, 두께 등 상세 설정
- 내 PC의 이미지로 프로필 커스터마이징 가능
예시)
전체 예시) 글꼴 + 테마 + 배경 이미지 + 입력창 & 말풍선 변경
원하는 스타일로 꾸며보세요!
GPT Styler 이용 방법
1. 크롬 웹 스토어 접속
크롬 웹 스토어의 접속하셔서, GPT-Styler를 검색하시거나, 아래 링크 통해 접속하시면 됩니다.
https://chromewebstore.google.com/detail/gpt-styler/oinbpfelddkhlfbokiilccnenppjdcpp
GPT Styler - Chrome 웹 스토어
Customize ChatGPT's appearance with pre-defined styles!
chromewebstore.google.com
2. GPT Styler 설치
- "Chrome에 추가" 버튼을 클릭하면 다운로드는 끝입니다.
3. GPT Styler 실행
- 이후 ChatGPT, Claude, Gemini, Deepseek 사이트에 접속해서 크롬 웹 브라우저 상단에 퍼즐 모양의 아이콘을 선택하여Chat Styler를 실행
- 만약 삭제를 하고 싶다면 퍼즐 아이콘 → GPT Styler 옆의 점 세 개(⋮) → "Chrome에서 삭제"를 선택하시면 됩니다.
+ 업데이트 내역
2025.08.20 - [분류 전체보기] - GPT Styler 업데이트 내역
GPT Styler 업데이트 내역
해당 게시물은 크롬 확장 프로그램 GPT Styler의 업데이트 내역을 관리합니다. 2025.07.28 - [개인 프로젝트] - 챗GPT 꾸미기 - GPT Styler (+ 업데이트) 챗GPT 꾸미기 - GPT Styler (+ 업데이트)안녕하세요!이번
blog.talkhub.co.kr
GPT Styler는 단순히 외형을 바꾸는 기능을 넘어서,
개성 있는 사용 경험과 더 몰입감 있는 대화 환경을 만들어주는 도구입니다.
또한 GPT Styler는 사용자들의 의견을 적극 반영하며,
지속적으로 기능을 개선하고 새로운 테마와 옵션을 업데이트해 나가고 있습니다.
AI 챗봇을 더 재미있고, 더 나답게, 더 편리하게 사용하고 싶다면,
지금 바로 GPT Styler를 설치해보세요!
'개인 프로젝트' 카테고리의 다른 글
프로젝트 소개 - TalkHub: 공감과 소통이 살아있는 SNS 플랫폼 (3) | 2025.07.04 |
---|---|
포트원 ((구)아이포트) 정기 전자결제 연동 가이드 (Test) (0) | 2025.05.18 |
크롬 확장 프로그램 개발 가이드 (2) | 2025.05.03 |
Spring + React 한글 초성 검색 기능 구현하기 (1) | 2025.04.26 |
Google Font Icon을 활용한 아이콘 사용법 (React) (0) | 2025.04.23 |