normalize

개요

normalize 스킬이란?

normalize 스킬은 사용자 인터페이스(UI) 구성 요소가 디자인 시스템의 기준, 간격, 토큰, 시각적 패턴과 일치하도록 점검하고 재정렬하는 데 특화되어 있습니다. UI 일관성을 유지하고 디자인 흐트러짐을 해결하거나 프론트엔드 프로젝트에서 스타일 불일치를 바로잡고자 하는 팀과 디자이너에게 이상적입니다.

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

이 스킬은 프론트엔드 개발자, UI/UX 디자이너, 그리고 디자인 시스템의 무결성을 책임지는 모든 분께 적합합니다. 불일치, 구식 토큰, 디자인 시스템과 맞지 않는 기능이 발견된다면 normalize가 UI를 체계적으로 정비하는 워크플로우를 제공합니다.

해결하는 문제들

• 디자인 시스템 기준에서 벗어난 부분을 감지하고 수정
• 디자인 흐트러짐과 UI 요소 불일치 해결 지원
• 디자인 토큰, 간격, 패턴의 일관된 사용 보장
• UI 정규화를 위한 반복 가능한 프로세스 제공

사용 방법

설치 단계

1. 다음 명령어로 스킬을 설치하세요:

   npx skills add https://github.com/pbakaus/impeccable --skill normalize

2. SKILL.md 파일을 검토하며 단계별 정규화 워크플로우를 확인하세요. 준비, 계획, 실행, 정리 단계가 자세히 안내되어 있습니다.

3. 추가 정보가 필요하면 README.md, AGENTS.md, metadata.json 파일과 rules/, resources/, references/ 폴더를 살펴보세요.

워크플로우 개요

• 필수 준비: 변경 전 /frontend-design 명령어를 실행해 디자인 원칙과 맥락을 수집하세요. 디자인 맥락이 없으면 먼저 /teach-impeccable을 실행합니다.
• 계획: 디자인 시스템 문서를 검토하고 현재 기능을 분석해 벗어난 부분을 파악합니다.
• 실행: 토큰, 간격, 패턴을 중심으로 UI를 디자인 시스템 기준에 맞게 조정합니다.
• 정리: 변경 사항을 검토하고 문서화하여 지속적인 일관성을 유지합니다.

언제 normalize를 사용하나요?

• UI 불일치나 디자인 흐트러짐이 발견될 때
• 주요 디자인 시스템 업데이트 후
• UI 감사 시 또는 기능 출시 전

자주 묻는 질문

normalize는 정확히 무엇을 하나요?

normalize 스킬은 UI를 점검하고 디자인 시스템과 일치하도록 구성 요소를 재정렬하는 체계적인 방법을 제공합니다. 토큰, 간격, 시각적 일관성에 중점을 둡니다.

normalize를 사용하려면 디자인 시스템이 꼭 필요한가요?

네, normalize는 확립된 디자인 시스템이 있을 때 가장 효과적입니다. 없다면 먼저 /teach-impeccable을 실행해 기본 디자인 맥락을 만드는 것을 권장합니다.

어디서부터 시작해야 하나요?

SKILL.md 파일에서 자세한 워크플로우를 확인하세요. 파일 탭에서 지원 스크립트와 참고 자료도 탐색할 수 있습니다.

이 스킬은 백엔드나 코드 로직 정규화에도 적합한가요?

아니요, normalize는 UI 디자인과 프론트엔드 일관성에 집중되어 있으며, 백엔드나 비시각적 코드 정규화용이 아닙니다.

워크플로우를 내 도구에 맞게 조정할 수 있나요?

네, 정규화 프로세스는 유연하며 귀하의 저장소, 디자인 시스템, 팀 관행에 맞게 조정 가능합니다.