normalize

개요

normalize 스킬이란?

normalize 스킬은 사용자 인터페이스(UI) 기능을 디자인 시스템의 기준, 간격, 토큰, 패턴에 맞게 점검하고 재정렬하는 UI 디자인 도구입니다. 디자인 표준에서 벗어난 부분, 스타일 불일치 문제를 해결하거나 기능을 시스템 가이드라인에 맞게 조정해야 하는 팀과 개인에게 적합합니다.

누가 normalize를 사용해야 할까요?

normalize는 디자인 시스템을 유지하거나 일관된 UI를 추구하는 디자이너, 프론트엔드 개발자, 제품 팀에 가장 적합합니다. 불일치가 발견되었을 때, 디자인 표준에서 벗어난 부분을 수정하거나 새 기능이 디자인 시스템을 준수하도록 할 때 사용하세요.

normalize가 해결하는 문제는 무엇인가요?

• 디자인 시스템 기준에서 벗어난 부분을 식별하고 수정
• 토큰, 간격, 패턴에 맞게 UI 컴포넌트 재정렬
• 제품 전반에 걸쳐 시각적 및 상호작용 일관성 유지 지원

사용 방법

설치 단계

1. 다음 명령어로 normalize를 설치하세요:
   npx skills add https://github.com/pbakaus/impeccable --skill normalize
2. 자세한 워크플로우 지침과 배경은 SKILL.md 파일을 참조하세요.
3. 추가 안내를 위해 README.md, AGENTS.md, metadata.json 등의 지원 파일도 확인해 보세요.

워크플로우 개요

• 먼저 /frontend-design 명령어로 디자인 컨텍스트와 원칙을 수집합니다.
• 디자인 컨텍스트가 없으면 /teach-impeccable을 실행해 기본 기준을 설정하세요.
• 디자인 시스템 문서, UI 가이드라인, 컴포넌트 라이브러리를 검토합니다.
• 기능의 불일치 요소를 분석하고 정규화 계획을 수립합니다.
• 계획에 따라 UI를 조정하여 디자인 토큰과 패턴에 맞춥니다.
• 변경 사항을 정리하고 문서화하여 향후 참고할 수 있도록 합니다.

normalize가 적합한 경우

• UI 일관성 점검이 필요할 때
• 기능이 디자인 시스템 기준에서 벗어났을 때
• 신규 팀원이 디자인 시스템 실무에 적응할 때

normalize가 권장되지 않는 경우

• 디자인 시스템이나 UI 가이드라인이 없는 경우
• 순수 백엔드 또는 비시각적 작업에 대해서는 적합하지 않습니다

자주 묻는 질문

지원 파일은 어디서 확인할 수 있나요?

저장소의 Files 탭에서 SKILL.md 및 관련 파일, 참고 자료와 보조 스크립트를 미리 볼 수 있습니다.

normalize 사용에 디자인 시스템이 꼭 필요한가요?

네, normalize는 확립된 디자인 시스템이나 UI 가이드라인이 있을 때 가장 효과적입니다. 없다면 /teach-impeccable을 사용해 먼저 시스템을 구축하세요.

normalize가 기능적 문제도 해결할 수 있나요?

normalize는 시각적 및 디자인 일관성에 중점을 둡니다. 기능적 문제는 별도로 처리해야 하지만, 정규화 과정에서 디자인과 기능이 만나는 부분을 발견할 수 있습니다.

normalize를 내 워크플로우에 어떻게 맞출 수 있나요?

SKILL.md와 지원 파일의 안내를 따르되, 저장소, 도구, 팀 환경에 맞게 조정하세요. 워크플로우를 그대로 복사하기보다는 UI 디자인 점검의 기반으로 활용하는 것이 좋습니다.