Civitai의 이전 칩 스타일 베이스 모델 필터를 복구하는 유저스크립트

이 요약은 AI가 원문을 분석해 생성했습니다. 정확한 내용은 원문 기준으로 확인하세요.

핵심 요약

Civitai의 불편한 드롭다운 필터를 이전의 칩 스타일로 복구하고 블랙리스트 기능을 추가한 유저스크립트이다.

배경

Civitai의 베이스 모델 필터가 드롭다운으로 변경되어 불편함을 느낀 개발자가 Codex를 활용해 이를 이전의 버튼 스타일로 되돌리는 스크립트를 제작했다.

의미 / 영향

AI 코딩 에이전트의 발전으로 사용자가 웹 서비스의 UI를 직접 수정하는 '개인화된 도구 제작'의 장벽이 낮아졌다. 이는 플랫폼의 UI 변경에 대한 커뮤니티의 기술적 대응이 더욱 빨라질 것임을 의미한다.

커뮤니티 반응

작성자와 유사하게 UI 변경에 불편함을 느꼈던 사용자들로부터 긍정적인 반응을 얻고 있다.

합의점 vs 논쟁점

합의점

Civitai의 드롭다운 필터 변경이 다수 모델 탐색 시 불편함을 초래했다
AI 코딩 도구를 활용하면 개인용 유저스크립트 제작 속도를 획기적으로 높일 수 있다

실용적 조언

Civitai에서 특정 모델만 보고 싶다면 이 스크립트의 블랙리스트 기능을 활용할 수 있다
유저스크립트 제작 시 Codex와 같은 AI 에이전트를 사용하면 복잡한 DOM 조작 코드를 빠르게 생성 가능하다

섹션별 상세

Civitai의 베이스 모델 필터가 드롭다운 방식으로 변경되면서 다수의 모델을 동시에 탐색하는 사용자의 작업 효율이 저하됐다. 작성자는 이를 해결하기 위해 기존의 칩(Chip) 스타일 버튼으로 UI를 되돌리는 유저스크립트를 개발했다. 브라우저에서 실행되는 스크립트가 DOM 요소를 조작하여 숨겨진 필터 옵션들을 다시 버튼 형태로 노출시킨다. 이를 통해 사용자는 스크롤 없이 한눈에 모델을 선택할 수 있다.

Civitai 필터 UI의 변경 전후를 비교한 스크린샷이다. — Screenshot왼쪽의 'BEFORE'는 드롭다운이 포함된 기본 UI를, 오른쪽의 'AFTER'는 스크립트 적용 후 모든 모델이 칩 스타일 버튼으로 펼쳐진 모습을 보여준다. 이를 통해 필터 가독성과 접근성이 어떻게 개선되는지 명확히 확인할 수 있다.

개발 과정에서 AI 코딩 에이전트인 Codex를 활용하여 구현 시간을 단축했다. 작성자는 복잡한 스크립트 작성을 위해 Codex에 요구 사항을 전달했고, 모델은 이를 제로샷(Zero-shot)으로 처리하여 전체 코드를 생성했다. 취미 개발자가 단 한 시간 만에 실용적인 도구를 완성할 수 있었던 것은 AI의 코드 생성 능력이 뒷받침되었기 때문이다. 이는 단순한 자동화를 넘어 개발 진입 장벽을 낮추는 사례이다.

사용자 편의를 위해 시각적 블랙리스트 및 화이트리스트 기능을 스크립트에 포함했다. 너무 많은 모델 칩이 화면을 가득 채우는 것을 방지하기 위해 사용하지 않는 모델은 숨기고 자주 쓰는 모델만 강조하는 로직을 하드코딩했다. 또한 현재 페이지에서 사용 가능한 모델 목록을 텍스트로 추출하는 'Copy model list' 기능을 추가하여 데이터 관리 편의성을 높였다. Civitai의 공식 목록 업데이트 여부를 감지하는 경고 시스템도 갖추고 있다.

실무 Takeaway

Civitai의 베이스 모델 필터를 드롭다운에서 이전의 칩(버튼) 스타일로 복구하여 모델 탐색 속도를 개선했다.
Codex와 같은 코딩 에이전트를 활용하면 복잡한 유저스크립트도 제로샷으로 빠르게 프로토타이핑할 수 있다.
블랙리스트/화이트리스트 기능을 통해 화면에 표시되는 모델 칩의 수를 조절하여 UI 복잡도를 낮췄다.

언급된 도구

Codex추천

유저스크립트 코드 생성 및 개발 보조

Civitai중립

Stable Diffusion 모델 공유 플랫폼