오늘의 생활노트

본문 바로가기

최신 글

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
구글 Antigravity 2.0이란? Antigravity IDE, CLI, SDK 차이점과 활용법 구글이 2026년 5월 공개한 Antigravity 2.0은 단순한 코딩 도우미가 아닙니다.여러 AI 에이전트를 하나의 플랫폼에서 통합 관리하는 에이전트 우선(agent-first) 개발 환경으로 설계되었습니다.기존 IDE 개념을 완전히 바꿔놓는 구조입니다.Antigravity 2.0은 크게 네 가지 제품으로 구성됩니다.Antigravity 2(메인 플랫폼), Antigravity IDE, Antigravity CLI, Antigravity SDK입니다.이름이 비슷해서 헷갈리기 쉽지만, 각각의 역할과 사용 환경이 다릅니다. 이 글에서 하나씩 짚어보겠습니다. Antigravity 2 - 전체 플랫폼의 중심Antigravity 2는 2.0 버전의 메인 플랫폼입니다.IDE, CLI, SDK 모두 이 플랫폼 위.. 2026.05.21
Impeccable이란 무엇인가, AI 코딩 에이전트 디자인 스킬 사용법 AI 코딩 도구로 화면을 만들다 보면 비슷한 템플릿, 과한 그라데이션, 어색한 카드 구조가 반복되는 경우가 많습니다.Impeccable은 이런 전형적인 AI 디자인 패턴을 줄이기 위해 만들어진 오픈소스 디자인 가이드 시스템입니다.이 글에서는 Impeccable이 무엇인지, 어떤 기능을 제공하는지, 실제로 어떤 상황에서 도움이 되는지 정리해보겠습니다.AI 개발 도구를 자주 쓰는 분이라면 바로 참고할 만한 내용입니다.https://github.com/pbakaus/impeccable GitHub - pbakaus/impeccable: The design language that makes your AI harness better at design.The design language that makes you.. 2026.08.07
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
유튜브 세로 보기 - improve youtube 저는 피벗 기능이 가능한 보조모니터를 사용하고 있습니다.보조모니터를 세로로 돌려서 PDF나 여러가지 문서를 보기 편합니다.그러다가 유튜브를 볼 때 쇼츠 영상을 볼 때도 세로로 보니 좋더군요.근데, 가끔 세로형 영상을 가로 영상으로 나오면 고개를 옆으로 돌려서 봐야하는... ㅎㅎㅎ그래서 방법을 찾다가 크롬 확장 프로그램에 유튜브 화면을 회전하는 프로그램을 찾아서 설치하고 사용하는 방법을 소개하려고 합니다. 크롬 확장 프로그램 ‘유튜브 화면 회전 - Improve YouTube’ 설치 및 사용법 안내1. 크롬 브라우저 실행2. 주소창에 아래 주소를 입력하거나 클릭하세요 👉 https://chrome.google.com/webstore/3. 검색창에 Improve YouTube 입력4. 'Improve .. 2025.06.26

티스토리툴바