typeset

개요

typeset이란?

typeset은 디지털 인터페이스 내 타이포그래피를 향상시키는 UI 디자인 스킬입니다. 글꼴 선택, 텍스트 계층 구조, 크기, 두께, 전반적인 가독성을 체계적으로 개선하여 텍스트가 의도적이고 시각적으로 매력적으로 느껴지도록 합니다. 이 스킬은 프로젝트의 타이포그래피가 일반적이거나 일관성이 없거나 구조가 부실할 때, 또는 사용자들이 더 세련되고 읽기 쉬운 텍스트를 요구할 때 특히 유용합니다.

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

디자이너, 프론트엔드 개발자, UI 미학을 담당하는 누구나 typeset의 혜택을 받을 수 있습니다. 텍스트 명확성, 브랜드 정렬, 시각적 계층 구조가 중요한 웹 앱, 마케팅 사이트, 제품 대시보드 같은 프로젝트에 이상적입니다.

typeset이 해결하는 문제

• 기본값 또는 부적절한 글꼴 선택 제거
• 명확한 텍스트 계층 구조 및 크기 설정
• 가독성과 접근성 향상
• 일관되고 브랜드에 맞는 타이포그래픽 시스템 구축

사용법

설치 단계

1. 프로젝트에 스킬 추가:
   다음 명령어 실행:

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

2. 주요 문서 검토:
   자세한 워크플로우와 모범 사례는 SKILL.md 파일에서 시작하세요.
3. 사전 조건 이해:
   • 기본 디자인 원칙과 컨텍스트 수집 프로토콜을 위해 $frontend-design 호출
   • 디자인 컨텍스트가 없으면 스킬 문서에 따라 $teach-impeccable 실행

워크플로우 개요

• 현재 타이포그래피 평가: 글꼴 선택, 계층 구조, 크기, 가독성의 약점 파악
• 개선 계획: 제공된 체크리스트와 가이드를 사용해 새로운 타이포그래픽 시스템 정의
• 변경 사항 적용: UI 전반에 걸쳐 글꼴, 크기, 두께, 간격을 체계적으로 업데이트

주요 탐색 파일

• SKILL.md: 핵심 워크플로우 및 단계별 가이드
• README.md, AGENTS.md, metadata.json: 추가 컨텍스트 및 통합 노트
• rules/, resources/, references/ 폴더 내 지원 자료

FAQ

언제 typeset을 사용해야 하나요?

UI 텍스트가 일반적이거나 계층 구조가 부족하거나 사용자가 가독성 문제를 제기할 때 사용하세요. 디자인 감사나 리브랜딩 시에도 유용합니다.

typeset 사용에 디자인 경험이 필요한가요?

디자인 지식이 도움이 되지만, typeset은 구조화된 단계와 체크리스트를 제공해 디자이너와 개발자 모두 쉽게 접근할 수 있습니다.

프로젝트에 기존 디자인 컨텍스트가 없으면 어떻게 하나요?

스킬 안내에 따라 $teach-impeccable을 실행해 기준선을 마련한 후 타이포그래피 개선을 적용하세요.

더 자세한 내용은 어디서 확인할 수 있나요?

에이전트 스킬 디렉토리의 Files 탭을 열어 전체 파일 트리와 typeset 관련 참고 자료 및 도우미 스크립트를 확인하세요.