Ux-Design

161개 업종별 맞춤형 UI/UX 가이드라인을 제공하는 오픈소스 AI 디자인 스킬의 핵심 규칙과 활용 가치를 소개합니다.

AI 에이전트가 애플 수준의 자연스러운 UI와 부드러운 애니메이션을 구현하도록 돕는 오픈소스 디자인 스킬셋을 소개합니다.

라틴 알파벳 기준 UI 프레임워크에서 발생하는 한글의 시각적 어색함을 해결하고, 디자인과 코드의 API 명칭을 일치시켜 협업 효율을 높이는 방안을 분석합니다.

AI 코딩 에이전트가 대한민국 디지털 정부 표준 디자인 시스템 KRDS를 직접 읽고 웹 페이지를 퍼블리싱하도록 돕는 에이전트용 스킬 세트 구현기입니다.

Codex나 LLM이 출력하는 아키텍처와 테이블을 가독성 높은 레이아웃으로 변환하고, 원본 소스 코드와 JSON 데이터는 그대로 보존하는 로컬 중심의 UX 레이어 Codexplain을 소개합니다.

지난 10편까지는 SQL 생성 과정에서 주로 발생하는 오답 유형을 분석했습니다. BIRD와 Spider 벤치마크를 활용하고 다양한 모델을 테스트하면서 오답을 COLUMN_BINDING, VALUE_BINDING, DERIVED_METRIC 등의 유형으로 세분화했습니다. SQL 오답을 계속 들여다보면서, 확인하고 싶은 것이 달라졌습니다. “그렇다면 생성된 SQL과 답변의 근거는 화면에서 어떻게 시각화되어야 하는가?” 그동안 정확도 중심의 테스트에 집중하느라 실제 사용자가 화면에서 무엇을 확인해야 하는지는 놓치고 있었습니다. 비즈니스 환경에서 쓰는 데이터 분석 AI라면 수치가 어디서 왔는지 명확히 보여야 합니다. 근거를 확인할 방법이 없다면 결과가 정답처럼 보이더라도 사용자는 결국 SQL을 다시 실행하여 검증할 수밖에 없습니다. ...

사용자가 낯설어하는 AI 기능을 익숙한 경험으로 바꾸는 디자인 패턴과 실무적인 레퍼런스 분석법을 살펴봅니다.

AI와 UI 데이터를 결합해 기획 효율을 높이는 실무적인 접근법을 다룹니다.

클라우드 서비스의 쿼터 제한을 넘어 로컬 환경에서 자유롭게 디자인 결과물을 만드는 방법을 살펴봅니다. 여러 에이전트를 연결해 고품질 시스템을 구축하는 오픈소스 프로젝트의 강점을 다룹니다.

AI 에이전트가 방대한 실제 앱 데이터를 참고해 높은 수준의 UI/UX를 구현하도록 돕는 무료 도구를 살펴봅니다.

터미널 환경의 제약을 넘어 장기 기억과 도구 활용을 시각화한 Hermes WebUI의 멀티 프로필 관리 방식을 다룹니다.