오늘의 생활노트

본문 바로가기

최신 글

more

핫이슈

UI UX Pro Max Skill 사용법: AI 디자인 시스템을 자동 생성 오픈소스 스킬 AI 코딩 어시스턴트로 개발하다 보면 기능은 금방 만드는데 디자인에서 막히는 경우가 많습니다.UI UX Pro Max Skill은 바로 이 지점을 해결하는 오픈소스 프로젝트입니다.2026년 7월 기준 GitHub에서 96.2k 스타를 기록했고, 전체 저장소 랭킹 111위에 올라 있습니다. 이 글에서 다루는 내용은 다음과 같습니다.UI UX Pro Max Skill이 무엇인지 정확히 이해Claude Code, Cursor 등 AI 어시스턴트에서 설치 및 활용 방법67가지 UI 스타일, 161가지 색상 팔레트 등 디자인 인텔리전스 활용법실제 프로젝트에 적용하는 실전 워크플로우 UI UX Pro Max Skill이란?UI UX Pro Max Skill은 Claude Code, Cursor, Windsurf, .. 2026.07.11
유튜브 세로 보기 - improve youtube 저는 피벗 기능이 가능한 보조모니터를 사용하고 있습니다.보조모니터를 세로로 돌려서 PDF나 여러가지 문서를 보기 편합니다.그러다가 유튜브를 볼 때 쇼츠 영상을 볼 때도 세로로 보니 좋더군요.근데, 가끔 세로형 영상을 가로 영상으로 나오면 고개를 옆으로 돌려서 봐야하는... ㅎㅎㅎ그래서 방법을 찾다가 크롬 확장 프로그램에 유튜브 화면을 회전하는 프로그램을 찾아서 설치하고 사용하는 방법을 소개하려고 합니다. 크롬 확장 프로그램 ‘유튜브 화면 회전 - Improve YouTube’ 설치 및 사용법 안내1. 크롬 브라우저 실행2. 주소창에 아래 주소를 입력하거나 클릭하세요 👉 https://chrome.google.com/webstore/3. 검색창에 Improve YouTube 입력4. 'Improve .. 2025.06.26
PowerPoint 대신 HTML로 슬라이드 만들기: beautiful-html-templates 프레젠테이션 파일을 만들 때 PowerPoint나 Keynote를 열지 않아도 되는 방법이 있습니다.HTML 파일 하나로 슬라이드를 구성하면 브라우저에서 바로 열리고, 애니메이션도 들어가고, 배포도 링크 하나로 끝납니다. GitHub에 공개된 beautiful-html-templates 리포지토리는 이 방식으로 슬라이드를 만들 수 있게 해주는 무료 템플릿 라이브러리입니다. 어떻게 구성되어 있고, 실제로 어떻게 쓰는지 정리했습니다.https://github.com/zarazhangrui/beautiful-html-templates GitHub - zarazhangrui/beautiful-html-templates: A library of HTML slide templates designed so any c.. 2026.05.10
apple-design 스킬이란? 애플 스타일 UI를 웹에 구현하는 방법 apple-design은 단순히 애플처럼 보이는 화면을 만드는 스킬이 아닙니다.사용자가 누르고, 드래그하고, 놓는 과정에서 화면이 실제 물체처럼 자연스럽게 반응하도록 만드는 인터페이스와 모션 설계 원칙을 AI 코딩 에이전트가 참고할 수 있도록 정리한 스킬입니다. 에밀 코왈스키(Emil Kowalski)의 emilkowalski/skills 저장소에 포함되어 있으며, 애플 WWDC 디자인 세션에서 다뤄진 내용을 CSS, Pointer Events, requestAnimationFrame, Motion·Framer Motion 같은 웹 기술 관점으로 풀어냅니다. 특히 제스처 기반 UI, 스프링 애니메이션, 드래그와 스와이프, 시트와 서랍, 모멘텀, 중간에 다시 잡을 수 있는 애니메이션, 반투명 머티리얼, 타.. 2026.10.14
HOP 설치부터 사용법까지: HWP·HWPX를 무료로 편집하는 오픈소스 앱 맥이나 리눅스를 쓰는데 HWP 파일을 열어야 하는 상황이 생기면 꽤 막막합니다.한컴오피스를 따로 구매하거나, 웹 뷰어를 찾아 헤매거나, 아니면 그냥 포기하거나.HOP는 이 상황에서 현실적인 선택지가 됩니다. HWP·HWPX 파일을 열람하고 편집한 뒤 PDF로 내보내는 것까지 무료로 할 수 있는 오픈소스 데스크톱 앱입니다. 설치 방법과 실제 사용법을 정리했습니다.https://golbin.github.io/hop/ HOP is Open HWPHWP/HWPX 문서를 보고 편집할 수 있는 오픈소스 데스크톱 앱golbin.github.io HOP가 무엇인지 먼저HOP는 'HOP is Open HWP'의 약자입니다. HWP·HWPX 문서를 열고 편집하고 PDF로 내보내는 기능을 갖춘 데스크톱 앱으로, Window.. 2026.04.22

도서 리뷰

맛집멋집

티스토리툴바