스위스-디자인-스킬

AI 에이전트를 위한 스위스 국제 스타일 디자인 시스템. 그로테스크 타이포그래피, 엄격한 그리드, 넉넉한 여백, 절제된 색상 — Tailwind CSS를 통해 표현됨.

swiss.ziki.boo

설치

또는 스킬 디렉토리를 수동으로 복사:

사용법

설치 후, 에이전트에게 적용하도록 지시:

• "이 페이지에 스위스-디자인 스킬을 적용해 줘"
• "스위스 디자인 원칙을 사용해서 이 UI를 정리해 줘"
• "좋아 보이게 만들어 줘 — 스위스 스타일 사용"

에이전트는 IBM Plex Sans 타이포그래피, 스톤 컬러 팔레트, 불투명도 기반 계층 구조, 12-컬럼 그리드, 넉넉한 여백을 적용할 것입니다.

포함된 내용

디자인 원칙

• 그리드 우선. 12-컬럼, 8px 기본단위
• 여백은 구조다. 섹션은 최소 py-24
• 계층 구조는 색조가 아닌 불투명도로 생성. text-stone-900/70, 절대 text-stone-500 사용하지 않음
• 하나의 강조색. 기본 스위스 레드(#C8102E); 프로젝트에 따라 코발트, 골든, 또는 포레스트로 변경 가능
• 좁은 컬럼. 본문 텍스트는 max-w-[60ch] 초과하지 않음
• 라이트 및 다크 모드는 prefers-color-scheme 활용

타이포그래피

기본: IBM Plex Sans (Google Fonts)

대체 폰트: Hanken Grotesk · Barlow · Host Grotesk · DM Sans

라이선스

MIT

---

🌐 본 텍스트는 빠른 이해를 돕기 위한 요약 번역본입니다. 정확한 기술 정보 및 전체 코드는 GitHub 원문에서 확인하실 수 있습니다.