AI로 만든 사이트가 기능은 멀쩡한데
모바일에서 깨지거나 어딘가 어설프면 점검표가 있음.
버셀이 쓰는 웹 화면 규칙 103개를
AI가 내 코드에 하나씩 대보는 스킬임.
· 버튼을 키보드로도 누를 수 있나
· 사진에 크기랑 설명이 붙어 있나
· 다크 모드에서 색이 안 깨지나
걸린 곳은 파일 이름이랑 줄 번호로 짚어줌.
단점은 디자인을 예쁘게 바꿔주진 않는다는 것.
규칙 위반을 찾아주는 점검용임.
GitHub 스타 31,130
라이선스가 안 달려 있음. 규칙 쪽 저장소만 MIT임.
화면 코드 열어놓고 UI 점검해달라고 하면 됨.
github.com
GitHub - vercel-labs/agent-skills: Vercel's official collection of agent skills
[댓글 @goodtek.xyz]
파일 이름이랑 줄 번호까지 짚어주는 게 실용적이네요 ㅎㅎ
[댓글 @ivanivan.eth]
줄 번호까지 짚어주는거 진짜 실용적이네유 ㄷㄷ
[댓글 @archi_mae_]
AI로 화면 만들면 겉보기엔 멀쩡해도 접근성이나 다크모드 같은 디테일에서 구멍이 잘 나는데
[댓글 @calmtiger_]
오 스타 3만개가 넘은 거 보니 다들 필요했나보네요, 저도 사이트 만들 때 이런 점검 스킬 하나 있으면 진짜 편할 것 같아요
