디자이너와 AI 에이전트가 함께 고품질의 사용자 인터페이스를 설계하고 완성도를 높일 수 있도록 돕는 디자인 엔지니어링 가이드 및 인터랙션 자산 카탈로그입니다.
**디자인 품질과 미학 보장 (frontend-design, impeccable)**: AI가 생성하는 정형화되고 천편일률적인 디자인(Generic AI aesthetics)에서 벗어나, 독창적이고 섬세한 기획을 실제 프로덕션 수준의 UI 코드로 구현할 수 있도록 지원합니다.
**마이크로 인터랙션 및 모션 디테일 (better-ui, improve-animations)**: 디자이너가 정밀하게 의도한 호버 상태, 그림자, 테두리, 시차 애니메이션, staggered 효과 등 디테일한 시각적 완성도와 자연스러운 모션을 시스템적으로 가이드합니다.
**UX/UI 디자인 가이드라인 진단 (web-design-guidelines, rams)**: 디자인 원칙, 접근성(Accessibility), 타이포그래피, 여백, 컬러 대비(Contrast) 기준을 충족하는지 실시간으로 검토하고 피드백합니다.
**실용적인 디자인 플레이북 (Playbook)**: 레이아웃 튐 방지(`aspect-ratio`), 가독성을 위한 헤드라인 밸런스(`text-balance`), 터치 영역 최소 기준(44px 이상) 등 UX 모범 사례를 바로 적용할 수 있도록 숏폼 형태의 팁으로 제공합니다.
