Binlogo/agent-skills

차분하고 밀도 있는 디자인

취향이지, 껍데기가 아닙니다. Linear와 Things 3는 판단을 위한 참고 자료입니다. — 잡음 없이 많은 정보를 전달하는 방법, 그리고 모호하지 않으면서도 차분함을 유지하는 방법 말이죠. 다크 테마, 보라색 강조, 파랑/초록 브랜드 색상을 빌려오는 것은 그 취향을 빌리는 것이 아닙니다.

다음 두 가지 교훈에 대부분의 가치가 담겨 있습니다.

• Linear — 잡음 없는 밀도. 제한된 계층 구조로 밀도 높은 작업을 보여줍니다.
• Things — 약함 없는 차분함. 세부 정보가 제자리를 찾을 때까지 숨겨서 주요 표면을 차분하게 유지하고, 화면을 비워서 유지하지 않습니다.

원칙

각각은 규칙과 그것이 강제하는 절단선입니다. 표면을 구축하거나 비판할 때 적용하세요.

1. 획득하지 않은 관심을 위해 경쟁하지 마세요. 크롬, 구분선, 메타데이터, 비활성 탭, 반복된 아이콘은 뒤로 물러나고; 주요 콘텐츠와 하나의 기본 동작이 소리치지 않고도 먼저 읽힙니다.
2. 구조는 보이는 것이 아니라 느껴집니다. 계층 구조는 광학적 정렬, 일관된 간격 리듬, 0.5–1px 구분선, 불투명도 단계, 그룹화된 배경, 그리고 서체에서 얻으세요. — 무거운 테두리, 큰 그림자, 장식적인 그라데이션, 채도가 높은 패널, 또는 아이콘 컨테이너에서가 아닙니다.
3. 어수선함 없는 밀도. 예측 가능한 정렬과 점진적인 세부 정보 공개를 가진 컴팩트한 행. 작고 읽을 수 없는 텍스트, 모든 컨트롤을 노출하는 모든 행, 또는 "프리미엄"이라고 팔리는 부풀려진 패딩이 아닙니다.
4. 숨기는 것이 아닌, 명확하게 하는 차분함. 차분함은 명확한 계층 구조와 하나의 명백한 다음 동작에서 비롯됩니다. — 창백한 흰 공백, 조용한 척하는 저대비 텍스트, 또는 장식으로 사용되는 빈 상태가 아닙니다.
5. 절제된 의미 있는 색상. 강조는 선택, 포커스, 중요한 상태, 그리고 긍정/완료 상태를 표시합니다 — 결코 장식이 아닙니다. 시스템 강조색을 존중하세요; 모든 것을 브랜드 색상으로 다시 칠하지 마세요. "완료 초록색"은 의미적 신호일 뿐, 앱의 기본 색상이 아닙니다.

서체와 모션

• 서체: 강력한 이유가 없다면 시스템 폰트; 계층 구조는 크기, 두께, 불투명도, 그리고 배치에서 결정됩니다. 방향: 화면 제목 (명확하고, 너무 크지 않게) → 행 제목 (중간 두께) → 메타데이터 (더 작고, 낮은 불투명도) → 상태 (컴팩트하고, 의미적이며, 배지가 과하지 않게) → 본문 (짧고, 읽기 쉽게).
• 모션: 연속성 또는 상태 변화를 설명합니다 (작곡가 등장, 선택 이동, 인라인 상태 업데이트). 결코 장식적이지 않습니다. 항상 감소된 모션을 존중하세요.

두 가지 결정 테스트

• 드라마 테스트: 시각적 드라마를 추가하지만 방향, 속도, 확신, 또는 작업 완료를 향상시키지 않는다면 — 제거하세요.
• 차분함 테스트: "차분함"이 계층 구조, 밀도, 또는 다음 동작을 읽기 어렵게 만든다면 — 그것은 차분함이 아니라 모호함입니다. 조이세요.

자가 점검

다음 항목에 대해 화면을 읽어보세요. "아니오"는 선호도가 아니라 발견 사항입니다:

• 주요 작업이 눈으로 찾지 않고 한 번에 명확하게 보입니까?
• 보조 크롬은 뒤로 물러나나요, 아니면 경쟁하나요?
• 행/아이템이 예측 가능한 그리드와 기준선에 정렬되어 있나요?
• 정보를 제공해서 화면이 밀도 높은가요, 아니면 패딩이 부풀려져서 희소한가요?
• 색상이 상태를 전달하나요, 아니면 브랜드 장식인가요?
• 구분선, 그림자, 그라데이션, 또는 아이콘 컨테이너를 삭제해도 아무것도 잃지 않을 수 있나요?

더 깊이 들어가기

references/in-practice.md — 구체적인 (예시) 값, 확장된 선호/회피 목록, 그리고 검토 과정에서 이 취향을 적용하는 방법.

이 스킬의 범위 밖

이것은 플랫폼에 구애받지 않는 취향입니다. 플랫폼 규칙, 컨트롤, 아키텍처는 다른 곳에 있습니다.

• Apple (iOS/iPadOS/macOS) UI + HIG + SwiftUI/AppKit + 시각 QA → apple-app-design-guidelines.
• 크로스 플랫폼 네이티브 느낌 데스크톱 아키텍처 (셸 + WebView + IPC) → native-feel-desktop.

취향과 플랫폼이 충돌할 때는 플랫폼이 우선합니다 — 해당 스킬을 참조하세요.