안녕하세요! 갓대희 입니다.이번 포스팅은 [ UI/UX Pro Max Skill — 설치부터 실제 활용까지 ] 입니다. : )AI 코딩 에이전트(Claude Code, Codex, Cursor 등)로 UI를 만들면 매번 비슷한 화면이 나와서 답답한 적이 있을 것이다. UI/UX Pro Max는 이 문제를 줄여보려고 만들어진 커뮤니티 스킬이다.이 글에서는 설치 → 첫 실행 → 스킬 있을 때·없을 때 비교까지 초보자도 따라 할 수 있게 정리했다. 공식 저장소 코드를 직접 확인한 내용과 커뮤니티 반응도 함께 다룬다.이 글은 2026년 9월 1일 기준으로 작성했다. 주요 출처는 공식 GitHub 저장소, SKILL.md, 검색 코어 소스, CLI 문서, 커뮤니티 사용기다. 설치·실행 결과는 에이전트·OS·버전에..

안녕하세요! 갓대희 입니다.Design.md를 만들때 Claude.design을 사용하며 테스트를 이것저것 해보는 와중이었다.여러 유명한 유튜버, x.com의 빅테크 인사, 여러 한국 쓰레드를 즐겨보곤 하는데 그중 즐겨보는 @unclejobs.ai의 Threads 에서 하나의 아이디어를 보게되어 글을 작성하게 되었다. 내가 며칠 전 정리하던 Design.md 관련 글보다 핵심을 더 단정하게 짚고 있어 보였다.2026.04.23 - [AI/Design] - DESIGN.md : Google Stitch가 도입한 DESIGN.md - DESIGN.md 도입 배경부터 적용해보기(VoltAgent awesome-design-md 컬렉션 활용 가이드) 한 문장으로 요약하면 "Google Stitch가 design..

안녕하세요! 갓대희 입니다. AI 코딩 에이전트에게 "Stripe 스타일로 만들어줘"라고 지시해본 적이 있는데 매번 결과물이 들쭉날쭉하다면, 그 원인은 에이전트가 디자인 의도를 읽을 공통 언어가 없기 때문이다.Google Stitch는 이 문제를 해결하기 위해 DESIGN.md라는 개념을 도입했다.마크다운 파일 한 장으로 컬러 팔레트부터 타이포그래피, 컴포넌트 스타일까지 명시해두면, AI 에이전트가 코드를 생성할 때마다 이 파일을 먼저 읽어 일관된 외관을 유지한다.목차DESIGN.md란 무엇인가 — README.md와 무엇이 다른가왜 DESIGN.md가 필요한가 — AI UI의 랜덤성 문제DESIGN.md 포맷 상세 — 9개 섹션 구조awesome-design-md 레포지토리 소개DESIGN.md 접근 ..