Awwwards / Webby / FWA 기준으로 사이트 다듬기: 자가 점검 목록
타이포·여백·계층·색·모션·반응형까지 ‘고급스러움’을 검증 가능한 항목으로 쪼갭니다.
12분
더 읽기
오픈소스 AI 웹 Skill 4가지: 디자인 시스템·탈플라스틱·모션·슬림 코드
ui-ux-pro-max, impeccable, react-bits, karpathy-skills를 배포 가능한 파이프라인으로 연결하세요.
11분
더 읽기
웹 완성도를 올리는 5곳: Motion Sites부터 Aceternity UI
프롬프트·모션 컴포넌트·UI 요소·애니메이션 키트를 절제해서 쓰세요.
10분
더 읽기
SkillsMP란? 쓸 만한 무료 AI Skill 고르는 법
Skill을 일회성 프롬프트가 아니라 버전 관리 가능한 워크플로로 다루세요.
9분
더 읽기
바이브 코딩 랜딩 5단계: 브리프에서 배포까지
목표·구조·무드·컴포넌트·검수. 많이 만들고도 못 올리는 실패를 줄입니다.
11분
더 읽기
수상급 마이크로 인터랙션: 피드백·타이밍·절제
200–450ms, 공유 이징, 완전한 상태 머신, 모션 감소 존중.
9분
더 읽기
프로덕션에서 React Bits 쓰기: 선정·성능·접근성 폴백
모션은 포인트. 동적 import, 번들 예산, 정적 대체, 크롤 가능한 본문.
10분
더 읽기
프롬프트에서 디자인 시스템으로: 색·자간·라디우스·모션
프롬프트는 콜드스타트, 시스템은 확장. 한 번의 성공을 다페이지 브랜드 규칙으로.
10분
더 읽기
AI UI 플라스틱 감 지우기: 실행 가능한 /polish 체크리스트
먼저 지우고 나중에 더하세요. 색·간격·카피를 조이고 정지 프레임 통과 후 모션.
9분
더 읽기
개인 웹 프롬프트 라이브러리: 분류·버전·검수
장면×무드×스택으로 검색. 무한 북마크가 아니라 버전 있는 자산으로.
9분
더 읽기
