Communitygithub.com

raphaelsalaja/userinterface-wiki

웹 인터페이스에 대한 UI/UX 모범 사례입니다. 애니메이션, CSS, 오디오, 타이포그래피, UX 패턴, 사전 로드 또는 아이콘 구현을 검토할 때 사용하세요. 애니메이션 원칙부터 타이포그래피까지 11개 카테고리를 다룹니다. file:line 형식의 결과를 출력합니다.

userinterface-wiki란 무엇인가요?

이 스킬은 웹 인터페이스 개발 시 UI/UX 모범 사례를 제공하는 전문 지식 베이스입니다. 애니메이션, CSS, 오디오, 타이포그래피, UX 패턴, 사전 로드, 아이콘 구현 등 11개 카테고리로 구성되어 있어, 개발자가 특정 주제에 대한 검토나 구현을 할 때 빠르게 참고할 수 있습니다. 이 스킬은 Claude Code, Cursor, Codex와 같은 AI 어시스턴트가 코드 리뷰 과정에서 사용하도록 설계되었으며, 검토 결과를 file:line 형식으로 출력하여 문제가 있는 위치를 정확히 지적해 줍니다. 각 카테고리는 모던 웹 표준과 접근성 가이드라인(WCAG)을 기반으로 한 실용적인 팁과 코드 예제를 포함하고 있어, 일관되고 고품질의 UI 개발을 지원합니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/raphaelsalaja/userinterface-wiki/tree/main/skills/userinterface-wiki

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

userinterface-wiki은(는) 무엇을 하나요?

웹 인터페이스를 위한 UI/UX 모범 사례입니다. 애니메이션, CSS, 오디오, 타이포그래피, UX 패턴, 사전 로드 또는 아이콘 구현을 검토할 때 사용하세요. 애니메이션 원칙부터 타이포그래피까지 11개 카테고리를 다룹니다. file:line 형식의 결과를 출력합니다.

관련 스킬