normalize

개요

normalize 스킬이란?

normalize 스킬은 사용자 인터페이스를 디자인 시스템의 표준, 간격, 토큰, 패턴에 맞게 감사하고 재정렬합니다. 기능이 의도한 시스템에서 벗어나거나 일관성이 떨어질 때 UI가 시각적으로 일관되고 확립된 디자인 원칙을 준수하도록 보장하려는 팀과 개인을 위해 설계되었습니다.

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

normalize는 다음이 필요한 UI 디자이너, 프론트엔드 엔지니어, 디자인 시스템 관리자에게 적합합니다:

• 디자인 이탈이나 스타일 불일치를 식별하고 수정
• 기능을 디자인 시스템 토큰과 패턴에 맞게 조정
• UI 일관성과 표준 준수 감사

normalize가 해결하는 문제

• UI 구성 요소의 불일치 탐지 및 해결
• 팀이 디자인 시스템 가이드라인을 따르도록 지원
• 일회성 구현과 시각적 불일치 감소

사용 방법

설치 단계

1. 프로젝트에 스킬 추가:
   다음 명령어로 Impeccable 스킬 저장소에서 normalize를 설치하세요:

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

2. 주요 문서 검토:

   • 주요 워크플로우와 요구사항은 SKILL.md에서 시작하세요.
   • 추가 세부사항은 README.md, AGENTS.md, metadata.json을 확인하세요.
   • rules/, resources/, references/, scripts/ 폴더도 참고하여 추가 도구와 맥락을 탐색하세요.

워크플로우 개요

• 필수 준비:
  • /frontend-design를 호출하여 디자인 원칙과 컨텍스트 수집 프로토콜에 접근하세요. 디자인 컨텍스트가 없으면 먼저 /teach-impeccable을 실행하세요.
• 계획:
  • 디자인 시스템 문서, UI 가이드라인, 컴포넌트 라이브러리를 검토하세요.
  • 현재 기능에서 일탈과 불일치 원인을 분석하세요.
  • 필요한 구체적 변경 사항을 담은 정규화 계획을 수립하세요.
• 실행:
  • 계획을 적용하고 UI 요소를 업데이트하며 모든 토큰과 패턴이 디자인 시스템과 일치하는지 확인하세요.
• 정리:
  • 변경 사항을 검토하고 완성도를 확인하며 업데이트나 예외 사항을 문서화하세요.

워크플로우에 맞게 조정하기

normalize는 유연하게 설계되어 저장소, 도구, 팀 프로세스에 맞게 안내를 조정할 수 있습니다. 지침을 그대로 복사하지 말고 UI 정렬 모범 사례 참고용으로 활용하세요.

자주 묻는 질문

언제 normalize를 사용해야 하나요?

UI 불일치, 디자인 이탈, 토큰 불일치가 발견되어 기능을 디자인 시스템에 맞게 조정하고 싶을 때 사용하세요.

어떤 파일을 먼저 검토해야 하나요?

정규화 프로세스 전체 개요는 SKILL.md에서 시작하세요. README.md와 AGENTS.md 같은 보조 파일도 추가 맥락을 제공합니다.

normalize가 자동으로 변경을 하나요?

아니요, normalize는 수동 UI 감사와 재정렬을 위한 구조화된 워크플로우와 모범 사례를 제공합니다. 준비, 계획, 실행, 검토 과정을 안내합니다.

더 많은 세부사항이나 스크립트는 어디서 찾을 수 있나요?

저장소의 Files 탭을 열어 모든 리소스, 도우미 스크립트, 심층 통합을 위한 참조 자료를 탐색하세요.