typeset

개요

typeset이란?

typeset은 일반적이거나 일관성 없는 타이포그래피를 의도적이고 정교하게 다듬는 UI 디자인 스킬입니다. 글꼴 선택, 텍스트 계층 구조, 크기, 굵기, 가독성을 체계적으로 개선하여 기본값처럼 느껴지거나 구조가 부족한 텍스트를 세련되게 만듭니다.

누가 typeset을 사용해야 하나요?

디자이너, 프론트엔드 개발자, 그리고 사용자 인터페이스 미적 요소를 담당하는 누구에게나 유용합니다. 특히 글꼴, 가독성, 텍스트 계층 구조에 문제가 있거나 UI를 더 전문적이고 시각적으로 매력적으로 만들고자 할 때 적합합니다.

typeset이 해결하는 문제

• 보이지 않는 기본 글꼴과 어울리지 않는 서체 제거
• 제목, 본문, 캡션의 텍스트 계층 구조 명확화
• 일관된 크기와 비율 설정
• 가독성과 시각적 대비 향상
• 브랜드 개성에 맞는 타이포그래피 정렬 지원

사용 방법

설치 단계

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

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

2. 워크플로우 세부사항과 안내는 SKILL.md 파일을 먼저 검토하세요.
3. 더 넓은 맥락이 필요하면 README.md, AGENTS.md, metadata.json 같은 관련 파일도 확인하세요.

워크플로우 개요

• 필수 준비:
  • /frontend-design 명령어를 호출해 디자인 맥락과 원칙을 수집합니다. 디자인 맥락이 없으면 먼저 /teach-impeccable을 실행하세요.
• 현재 타이포그래피 평가:
  • 글꼴 선택, 계층 구조, 크기, 가독성을 분석하고 기본 글꼴, 불명확한 계층 구조, 불일치하는 크기 등 약점을 파악합니다.
• 개선 계획 수립:
  • 브랜드 개성에 맞는 글꼴을 선택하고 명확한 계층 구조를 세우며 일관된 크기를 설정하고 최소 가독성 기준을 충족시킵니다.
• 체계적 변경 적용:
  • 타입 스케일을 구현하고 대비를 위한 굵기 조정, UI 맥락에 따른 고정 또는 유동 크기 전략을 사용합니다.

파일 미리보기

• typeset 워크플로우 요약은 SKILL.md에서 시작하세요.

자주 묻는 질문

typeset은 코드 전용 프로젝트에 적합한가요?

typeset은 UI 디자인과 시각적 텍스트 개선을 위한 도구로, 디자인 입력 없이 코드만으로 타이포그래피를 관리하는 프로젝트에는 적합하지 않습니다.

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

개요는 SKILL.md에서 시작하세요. 필요에 따라 추가 지원 파일도 살펴보세요.

typeset은 제 디자인 프로세스에 어떻게 맞나요?

typeset은 UI 내 타이포그래피를 점검하고 개선할 때 특히 유용하며, 텍스트가 일반적이거나 의도된 구조가 부족할 때 효과적입니다. 프론트엔드 디자인 워크플로우와 잘 어울리며 맥락 수집 프로토콜과 함께 사용할 때 가장 효과적입니다.

typeset 스킬은 어디서 찾을 수 있나요?

typeset 스킬은 GitHub의 pbakaus/impeccable에서 확인할 수 있습니다.