개발자들의 찐친! 코딩할 때마다 응원해 주는 AI 아바타, 새로운 히어로들과 함께 v6 업데이트!

그동안 인공지능과 대화하거나 엔터를 누를 때마다 반응하는 VRM 3D 캐릭터, 즉 저만의 AI 아바타를 만들고 꾸준히 업데이트해왔습니다. 처음부터 기본 아바타는 '닌자 걸' 한 명이었죠. 물론 직접 만든 아바타로 변경할 수도 있었지만, 여러 기본 아바타가 각자의 애니메이션과 스토리를 가지고 있다면 훨씬 더 재미있을 거라고 생각했어요. 저도 실무에서 한 가지 아바타만 쓰다 보니 가끔은 새로운 분위기로 기분 전환이 필요하다는 생각을 했거든요. 그래서 이번엔 동료 'Maximum Blue' 님이 아바타 제작을 흔쾌히 도와주셨습니다. 정말 감사드립니다!

버전 6 업데이트: Joyful Colors, 당신의 활력소가 되다!

이번 버전 6 업데이트의 핵심은 바로 '개발자와 모든 이들을 행복하게 응원한다'는 미션으로 똘똘 뭉친 그룹, Joyful Colors입니다. 이제 이 친구들이 VS Code 확장 프로그램과 크롬(엣지) 확장 프로그램을 통해 하루 24시간 내내 여러분 곁에서 힘을 불어넣어 줄 거예요. 그럼 우리의 새로운 히어로 캐릭터들을 한번 만나볼까요?

Image description 스위트 퍼플 (Sweet Purple) (제작: Blue) ↑ 밝고 명랑한 성격의 소유자. 유명 팝스타가 되어 맛있는 것을 실컷 먹는 것이 꿈이죠. 귀여운 포즈 전문입니다.

Image description 캔디 핑크 (Candy Pink) (제작: Hyper) ↑ 샘플 아바타 '닌자 걸'의 또 다른 모습이에요. 친절하고 사려 깊은 성격이지만, 가짜 미소를 짓는 데는 선수죠. 역시나 깜찍한 포즈를 자주 취합니다.

Image description 맥시멈 블루 (Maximum Blue) (제작: Blue) ↑ 활동적이고 에너지 넘치는 캐릭터. 그의 눈빛과 마주치면 여심이 흔들린다는 소문이... 시크하고 멋진 포즈가 특기입니다.

Image description 하이퍼 옐로우 (Hyper Yellow) (제작: Blue) ↑ 언제나 멋진 앱을 만들려고 하지만, 늘 엉뚱한 앱으로 마무리되는 비운의 캐릭터. 퍼플과 핑크가 자신을 좋아한다고 착각하지만, 사실 그들은 그를 이용하고 있을 뿐이죠. 엉뚱한 포즈의 대가입니다.

모든 아바타와 애니메이션은 GitHub Releases에서 무료로 다운로드할 수 있습니다. ↓ https://github.com/webdeveloperhyper/ai-avatar/releases

버전 5 업데이트: 더 부드럽고 편리하게!

물론, 버전 6 업데이트 이전에 몇 가지 중요한 개선 사항, 버그 수정 및 조정을 진행했습니다.

손가락에 뼈대(Bone)를 추가했어요. 이전 버전에서는 아바타 손이 항상 펼쳐져 있었죠. 이제는 브이(V) 자를 그리거나 주먹을 쥐는 등 훨씬 더 자연스러운 손동작을 표현할 수 있게 되어 아바타가 훨씬 생동감 있게 느껴집니다. {% youtube prPDPsb2ZKM %}
애니메이션 값을 라디안(예: 1.57)에서 각도(예: 90)로 변경하여 직관적인 이해를 돕도록 했습니다. 제가 직접 애니메이션 값을 조정할 때 라디안 단위는 직관성이 떨어져서 불편했거든요. 기존 파일과의 하위 호환성도 물론 유지됩니다.
배경색을 회색으로 추가했습니다. 아바타가 검은색 장갑을 끼고 있을 때 검은색 배경에 묻혀서 잘 보이지 않는 문제가 있었죠. 이제 사용자는 검은색 또는 회색 배경 중 원하는 색상을 선택할 수 있습니다.
VS Code 터미널에서 Enter 키를 눌렀을 때도 애니메이션이 트리거되도록 수정했습니다. 덕분에 훨씬 더 다양한 상황에서 아바타의 재미있는 반응을 즐길 수 있게 되었죠.

AI 아바타 크롬(Chrome) 버전 사용 방법

크롬 웹 스토어에서 바로 설치할 수 있습니다. ↓↓ https://chromewebstore.google.com/detail/ai-avatar/afmcfaeaaojalninahhhjnonhmlmiidi

AI 아바타 VS Code 확장 프로그램 버전 사용 방법

VS Code 확장 프로그램은 두 가지 방법으로 설치할 수 있습니다.

옵션 1: VS Code 내에서 설치하기 좌측 사이드바의 확장(Extensions) 버튼 클릭 > AI Avatar 검색 > 설치 클릭 ↓↓
옵션 2: VS Code 마켓플레이스에서 설치하기 https://marketplace.visualstudio.com/items?itemName=web-developer-hyper.ai-avatar ↓↓

특별한 감사

AI 아바타 버전 2 업데이트에 큰 도움을 주시고 꾸준히 지원해주고 있는 DEV 커뮤니티 친구 @gramli 님께 진심으로 감사드립니다!

버전 7 업데이트 예고

벌써 버전 7 업데이트를 위해 작업하고 있습니다. 더 재미있는 기능들이 기다리고 있으니, 계속해서 많은 관심 부탁드립니다!

다음 업데이트 아이디어들

저의 머릿속에는 AI 아바타를 더 멋지게 만들 다양한 아이디어들이 가득합니다.

더 많은 AI 기능 추가
아바타가 반응하는 트리거 상황 확대
조정 가능한 파라미터(매개변수) 추가
더 많은 아바타와 애니메이션 추가
애니메이션 에디터를 더 편리하게 개선

혹시 여러분에게도 좋은 아이디어가 있다면 언제든지 알려주세요!

진행 중인 협업 프로젝트

DEV 커뮤니티 친구 @itsugo 님과 함께 협업 프로젝트도 진행 중입니다. 천천히지만 꾸준히 앞으로 나아가고 있어요. 조만간 이 프로젝트에 대한 글도 올리겠습니다!

애니메이션과 AI에 대한 더 많은 이야기

재미있는 2D/3D 애니메이션 관련 제 다른 게시물들도 확인해 보세요! ↓

그리고 AI에 대한 제 글들도 여기 있습니다. ↓

제 뇌 훈련 앱 (Muscle Brain) 💪🧠

크롬 확장 프로그램 (무료) 으로 이용 가능합니다. https://chromewebstore.google.com/detail/muscle-brain-ultimate-edi/nmlolddnfpfambkcnplggphjgbjeabfc

마이크로소프트 스토어 (무료) 에서도 만날 수 있습니다. https://apps.microsoft.com/detail/9NG572QMV56M

Image description

아, 벌써 맥시멈 블루와 함께 스위트 퍼플 콘서트에 갈 시간이 다 되었네요. 저는 이만 가봐야 할 것 같습니다. 다음번에는 여러분과 저, 그리고 우리 아바타들과 함께 콘서트에서 만나요! 긴 글 읽어주셔서 감사합니다. 다음에 또 만나요!🫡

여러분의 소중한 의견을 기다립니다!

AI 아바타를 더욱 멋지고 즐겁게 만들 아이디어가 있으신가요?

더 멋진 아바타와 애니메이션을 만들 아이디어가 있나요?
AI 기능을 더 추가할 아이디어가 있나요?
AI 아바타를 더 재미있게 만들 아이디어가 있나요?
AI 아바타 사용자 수를 늘릴 기발한 아이디어가 있으신가요?

그 외 어떤 의견이든 환영합니다!

원문: https://dev.to/webdeveloperhyper/let-superheroes-cheer-you-up-ai-avatar-v6-chrome-extension-vs-code-extension-2ak7 수집일: 2026-04-22 01:16:53