Layout

typeset은 폰트 선택, 계층 구조, 크기, 두께, 가독성을 점검해 UI 타이포그래피를 개선하는 스킬입니다. /frontend-design 이후에 사용하는 것이 가장 적합하며, 맥락이 부족할 때는 /teach-impeccable과 함께 활용하면 일반적인 텍스트를 더 명확하고 의도적인 타이포그래피 시스템으로 다듬는 데 도움이 됩니다.

quieter 스킬은 UI Design의 시각적 자극을 낮춰 지나치게 강렬하고 거칠거나 과도하게 자극적인 인터페이스를 한층 차분하게 다듬어 줍니다. 그러면서도 계층 구조, 명확성, 브랜드 개성은 유지하도록 돕습니다. pbakaus/impeccable 저장소에서는 필수인 /frontend-design 워크플로를 먼저 거친 뒤 사용하는 것이 가장 적합합니다.

polish 스킬은 출시 직전 최종 UI 점검을 진행해 여백, 정렬, 문구, 상태, 전환을 다듬도록 안내합니다. 기능 구현이 완료된 뒤, 디자인 맥락과 명확한 품질 기준이 있고, 점검 대상 화면·플로우·컴포넌트가 분명할 때 가장 적합합니다.

frontend-design은 더 탄탄한 맥락, 정보 위계, 접근성, 반응형 동작을 바탕으로 완성도 높은 프런트엔드 UI를 만들기 위한 디자인 중심 스킬입니다. 이 가이드를 통해 스킬 설치 방법을 확인하고, 핵심 참고 자료를 읽고, 더 나은 컴포넌트·페이지·앱 화면 설계를 위한 실전 지침을 적용할 수 있습니다.

distill은 화면을 핵심 과업 중심으로 정리하는 UI 디자인 단순화 스킬입니다. 인터페이스의 군더더기를 줄이고, 노이즈를 낮추며, 정보 위계를 더 분명하게 만들 때 적합합니다. 특정 화면, 하나의 주요 사용자 목표, 반드시 유지해야 할 제약이 분명할 때 가장 효과적이며, 보통 /frontend-design 이후에 사용하는 것이 좋습니다.

delight 스킬은 UI 팀이 과하지 않은 마이크로 인터랙션, 카피, 피드백 포인트를 더해 인터페이스를 더 따뜻하고 기억에 남게 다듬도록 돕습니다. 전체 리디자인보다는 특정 화면이나 플로우를 정교하게 마감할 때 가장 잘 맞습니다. 사용 전 /frontend-design 맥락을 먼저 갖추고, 필요하면 /teach-impeccable을 선행한 뒤 delight를 쓰는 것이 좋습니다.

colorize 스킬은 회색 위주이거나 단조로운 UI 디자인에 전략적으로 색을 더할 수 있도록 팀을 돕습니다. 어디에 색을 써야 하는지, 왜 중요한지, 그리고 기존 브랜드 맥락, 위계, 의미 상태, 톤과 어떻게 조화롭게 적용할지를 안내합니다. 더 안정적인 색상 판단을 위해 /frontend-design 이후에 사용하는 것이 가장 적합합니다.

bolder는 밋밋하거나 지나치게 무난한 인터페이스에 더 강한 위계, 대비, 개성을 더해 주는 UI 디자인 스킬입니다. 사용성은 해치지 않으면서 인상을 또렷하게 만드는 데 초점을 둡니다. 페이지, 섹션, 컴포넌트처럼 구체적인 대상을 정한 뒤 사용하는 것이 가장 적합하며, 가능하면 /frontend-design 이후에 쓰고, 맥락 정보가 부족하다면 /teach-impeccable도 함께 고려하는 편이 좋습니다.

arrange 스킬은 UI 레이아웃, 간격, 그룹화, 시각적 계층 구조를 개선하는 데 도움을 줍니다. 이 가이드에서는 언제 써야 하는지, GitHub repo에서 arrange install을 어떻게 진행하는지, 그리고 더 나은 UI Design 판단을 위해 `/frontend-design` 컨텍스트와 함께 arrange usage를 어떻게 적용하는지 설명합니다.