Jakub Krehel의 인터페이스 다듬기 스킬: 에이전트가 정확한 수치 세트를 기준으로 모서리 반경, 그림자, 이미지 테두리, 버튼 눌림 스케일, 등장/퇴장 애니메이션 및 아이콘 전환을 점검하고 수정한 후, 심각도별로 파일 및 줄 번호가 포함된 문제 목록을 출력하고 Block 또는 Approve 결론을 제시합니다.
보안 감사: 감사되지 않음
- 아직 스캔되지 않음
이유
- 규칙에서 직접 수치 제시: 중첩된 모서리 반경의 경우 외부 값 = 내부 값 + 패딩 + 테두리 두께; 눌림 시 0.96로 스케일링하고 150ms ease-out 적용, 비활성화 상태에서는 스케일링하지 않음; 단계별 등장 애니메이션은 각 블록 간 100ms 간격, 4px 블러 및 12px 이동 포함, 지속 시간 300ms; 아이콘 전환 시 bounce가 0인 스프링 사용
- '감지 → 수정' 대조표 첨부: transition-all을 명시적 속성으로 변경; border가 없고 box-shadow 테두리 링만 있는 경우 투명 border 추가(강제 색상 모드에서는 그림자가 제거됨); 호버 스타일은 @media (hover: hover) 내에 배치
- 이동, 스케일링, 블러 애니메이션은 prefers-reduced-motion: no-preference 조건에서만 실행되며, 모션 감소 설정 시 투명도 변화로 대체; 모션은 유일한 상태 피드백이 될 수 없음
- 역할 분담 명확: 타이포그래피, 접근성, 레이아웃, 색상은 동일 저장소의 better-typography, better-accessibility, better-layout, better-colors에 위임; README에 MIT 라이선스 명시
- skills.sh에서 24시간 동안 설치 횟수 450(단순히 관심도를 나타냄)
사용법
- 설치 명령어는 감사 통과 후 표시됨; 인터랙션이 이미 정상이고 시각적 다듬기나 컴포넌트 검토가 필요할 때 트리거되며, 가능하면 동일 저장소의 better-accessibility와 함께 설치하는 것이 좋음(모션 감소 요구 사항은 latter가 담당)
- 계정 불필요; 브라우저가 없는 경우 코드를 읽어 각 상태의 지속 시간과 이징을 확인하고, 브라우저가 있는 경우 Animations 패널에서 10% 배속으로 재생하며, 확인 불가능한 항목은 Not verified로 표기
리스크
- 이번 주에는 감사되지 않았으므로 고정 C 등급이며 설치 명령어를 표시하지 않음; SKILL.md는 스크립트나 네트워크 요청이 없는 순수 텍스트 규칙임; skills.sh에서 세 곳의 제3자 감사 모두 Pass로 평가됨
- 수치는 저자의 고정된 선호 사항(0.96만 인정하고 0.95은 인정하지 않음)이며, 기존 디자인 시스템과 충돌할 경우 프로젝트 관례를 우선시하고, SKILL.md에도 프로젝트의 일관된 관행은 문제로 간주하지 않는다고 명시되어 있음
- 참조된 surfaces.md, animations.md 등의 레시피 파일은 이번 검토에서 읽지 않음