“frontend” 관련 오픈소스 프로젝트

Tailwind CSS에 클래스 이름으로 바로 쓸 수 있는 UI 컴포넌트를 추가하는 무료 오픈소스 라이브러리입니다.

AI 코딩 에이전트가 접근성, 레이아웃, 타이포그래피, 색상, 문구를 검토하고 더 나은 UI를 만들도록 돕는 에이전트 스킬 모음입니다.

htmx는 사용자 지정 JavaScript 없이 HTML 속성만으로 AJAX, WebSocket, Server-Sent Events 요청을 보내고 페이지 콘텐츠를 교체합니다.

AI 에이전트가 여러 디자인 방향을 살펴보고 나란히 비교한 뒤 실제 스크린샷을 바탕으로 선택한 안을 다듬도록 돕는 인터페이스 디자인 스킬입니다.

AI 코딩 에이전트가 더 나은 인터페이스를 설계하도록 애니메이션·디자인·UI 엔지니어링 지식을 담은 스킬 모음

한 줄 브리프만으로 수상작 스타일의 웹사이트를 설계·제작하고 시각적으로 QA하도록 에이전트를 안내하는 스킬입니다.

React, Router, Redux, 테스트, React Native를 다루는 약 500개의 ReactJS 면접 질문과 답변 모음

동영상을 최적화된 WebP 프레임 시퀀스로 변환하고, 스크롤로 제어하는 캔버스 웹사이트를 만드는 에이전트 스킬입니다.

웹 페이지에서 스크롤, 마우스, 드래그, 터치 또는 기기 방향에 반응하는 AI 생성 모션을 설계하는 에이전트 스킬입니다.

코딩 에이전트가 개성 있는 프런트엔드를 만들도록 돕는 Agent Skills