🎨디자인
Lucian UX/UI Prompt - 200개의 인터랙티브 UI 컴포넌트 모음
버튼부터 차트, 데이터 분석까지 바로 사용할 수 있는 200개의 인터랙티브 UI 컴포넌트와 프롬프트 모음
↗ 원본 링크#UI/UX#컴포넌트#프롬프트#인터랙티브#디자인시스템
Lucian UX/UI Prompt란?
버튼, 차트, 입력 폼, 데이터 분석 화면 등 실제 프로젝트에 바로 사용할 수 있는 200개의 인터랙티브 UI 컴포넌트를 제공하는 오픈소스 프로젝트입니다.
주요 특징
🎯 즉시 사용 가능
▸화면에 보이는 모든 컴포넌트를 직접 클릭하고 테스트 가능
▸마음에 드는 컴포넌트는 프롬프트나 코드로 바로 복사
▸다크/라이트 모드 모두 지원
📦 다양한 카테고리
▸
버튼: Liquid Glass, 자석 화살표, 길게 눌러 삭제 등
▸
입력 요소: 슬라이더, 체크박스, 라디오 버튼, 칩 선택 등
▸
네비게이션: 탭 바, 사이드 레일, 페이지네이션 등
▸
피드백: 토스트, 스낵바, 알림, 로딩 스피너 등
▸
데이터 시각화: 막대 차트, 도넛 차트, 주가 선 그래프 등
▸
복잡한 UI: 캘린더, 파일 트리, 좌석 배치, 간트 차트 등
설치 방법
AI 에이전트 스킬로 추가하기:
bash
npx skills add Seokwoooo/lucian-uxui활용 사례
1. 디자이너
▸프로토타입 제작 시 참고 자료로 활용
▸인터랙션 아이디어 탐색
2. 개발자
▸실제 동작하는 UI 코드 확인
▸프로젝트에 바로 적용 가능한 컴포넌트 가져오기
3. AI 에이전트
▸UI/UX 생성 작업 시 참고 스킬로 활용
▸일관된 디자인 패턴 학습
특별한 컴포넌트 예시
▸
001 Liquid Glass 버튼: 유리 같은 질감의 모던한 버튼
▸
055 레코드가 꺼내지는 플레이어: 비닐 레코드 효과의 음악 플레이어
▸
078 밀어서 답장하는 채팅: 메신저 스타일의 스와이프 인터랙션
▸
094 시간을 끌어 보는 날씨 하늘: 시간대별 날씨 변화를 보여주는 인터랙티브 UI
▸
110 일정 겹침 해소: 구글 캘린더 스타일의 스케줄 관리
링크
▸🌐 [프로젝트 웹사이트](http://lucianlabs.dev/uxui-prompt)
▸💻 [GitHub 저장소](https://github.com/Seokwoooo/lucian-uxui-prompt)
▸📖 [소개 페이지](http://lucianlabs.dev/uxui-prompt/introducing/)
정리
Lucian UX/UI Prompt는 단순한 컴포넌트 라이브러리를 넘어, 실제로 동작하는 인터랙션을 경험하고 바로 가져다 쓸 수 있는 실용적인 디자인 리소스입니다. 200개의 컴포넌트가 모두 공개되어 있어 학습과 실무 모두에 유용합니다.