polish

개요

polish 스킬이란?

polish 스킬은 기능적인 인터페이스를 뛰어난 수준으로 끌어올리고자 하는 UI 디자이너와 프론트엔드 개발자를 위해 설계되었습니다. 출시에 앞서 정렬, 간격, 일관성, 미세한 디테일 문제를 꼼꼼히 점검하는 최종 품질 검수에 중점을 둡니다. 마무리 손질, 출시 전 검토가 필요하거나 미묘한 시각 및 상호작용 결함을 해결해 제품을 한층 완성도 있게 만들고 싶을 때 이상적인 스킬입니다.

누가 polish를 사용해야 하나요?

• 픽셀 단위 완벽한 결과물을 원하는 UI 디자이너
• React 또는 유사 프레임워크를 사용하는 프론트엔드 엔지니어
• 주력 제품 출시를 준비하거나 품질 수준을 높이고자 하는 팀
• "뭔가 어색하다"고 느끼거나 좋은 수준에서 뛰어난 수준으로 도약하고 싶은 누구나

해결하는 문제들

• 시각적 불일치 및 정렬 오류
• 간격 및 그리드 문제
• 상호작용 상태 누락 및 예외 상황
• 카피 및 콘텐츠 불일치
• 로딩 및 전환의 부드러움

사용 방법

설치 단계

1. 다음 명령어로 polish 스킬을 설치하세요:
   npx skills add https://github.com/pbakaus/impeccable --skill polish
2. 워크플로우 안내를 위해 SKILL.md 파일부터 시작하세요.
3. README.md, AGENTS.md, metadata.json 등 지원 파일을 검토해 배경과 모범 사례를 확인하세요.

준비 체크리스트

• 디자인 원칙과 맥락 수집을 위해 $frontend-design을 호출하세요.
• 디자인 맥락이 없다면 먼저 $teach-impeccable을 실행하세요.
• 품질 기준(MVP 대 주력 제품)과 출시 일정을 결정하세요.

워크플로우 적용

• 사전 polish 평가를 수행해 기능 완성도를 확인하고, 다듬어야 할 부분과 알려진 문제를 표시하세요.
• 시각적 정렬, 간격, 상호작용 상태, 카피, 예외 상황, 전환을 체계적으로 점검하세요.
• 픽셀 단위 완성도를 위해 간격 척도와 그리드를 활용하세요.
• polish는 최종 단계에서만 효과적이므로 미완성 작업에는 적용하지 마세요.

파일 구조 안내

• 단계별 지침은 SKILL.md에서 시작하세요.
• 고급 팁은 rules/, resources/, references/ 폴더를 탐색하세요.

자주 묻는 질문

polish는 초기 단계 프로젝트에 적합한가요?

아니요. polish 스킬은 기능적으로 완성된 작업의 최종 품질 검수용입니다. 출시 준비나 품질 향상 시 사용하세요.

polish는 모든 프론트엔드 프레임워크에서 사용할 수 있나요?

React 및 최신 프론트엔드 워크플로우에 최적화되어 있지만, 원칙은 UI 디자인과 프론트엔드 개발 전반에 널리 적용됩니다.

자세한 워크플로우 지침은 어디서 찾을 수 있나요?

모든 안내는 SKILL.md 및 관련 파일에 있습니다. 파일 탭을 열어 전체 파일 트리와 참조, 헬퍼 스크립트를 확인하세요.

프로젝트에 디자인 맥락이 없으면 어떻게 하나요?

polish 적용 전에 $teach-impeccable을 실행해 기본 디자인 맥락을 설정하세요.

polish가 내 UI를 어떻게 개선하나요?

정렬, 간격, 미세 디테일을 체계적으로 수정해 인터페이스가 일관되고 전문적이며 사용자에게 완성도 있게 느껴지도록 만듭니다.