← ClaudeAtlas

respectlisted

2-mode UI respect skill — brief (generate RESPECT.md design brief before coding) and checkpoint (final pre-ship gate enforcing user-respect via α/β/γ gate matrix). Use --mode brief when starting any UI screen; use --mode checkpoint before shipping. RESPECT.md absence blocks craft-lint (exit 2).
kimsanguine/hplan · ★ 2 · AI & Automation · score 72
Install: claude install-skill kimsanguine/hplan
## Core Goal **--mode brief:** - 화면 코딩 전에 RESPECT.md 생성 — "respect before design" 원칙 - 5개 핵심 의도 commit: three_second_rule / next_action / social_proof / hierarchy_rules / motion_language - 결정론 검증 가능한 YAML 스키마 (craft-lint가 픽셀 분석 없이 정합성 검증) - DESIGN.md (Google 표준 토큰)와 cross-reference 강제 **--mode checkpoint:** - 화면 ship 직전 사용자 존중 게이트 mechanical enforcement - AI 책임: 화면 분류 (screen_type / traffic_level) — Rule 5 허용 영역 - 결정론 책임: 분류 결과 → α/β/γ 게이트 조합 lookup (정책은 사용자 yaml) - 게이트별 실행은 각각 다른 메커니즘 (인간 / 데이터 / 합성) --- ## Trigger Gate ### Use This Skill When - 새 화면 디자인 시작 (라우팅 추가 직전) → `--mode brief` - 기존 화면 리디자인 — RESPECT.md 갱신 → `--mode brief` - 사용자 인터페이스가 있는 LLM 에이전트의 PRD Section 11 보강 → `--mode brief` - 화면 ship 직전 (deploy / release 이전 마지막 게이트) → `--mode checkpoint` - craft-lint 통과 후 (디자인 정합성 확인 후 사용자 존중 게이트) → `--mode checkpoint` ### Route to Other Skills When - 표준 토큰 (색·폰트·간격) 정의 → Google DESIGN.md (`npx @google/design.md`) - 픽셀 분석 (fold density / contrast) → `deliver/ui-validate --check hierarchy` (Playwright) - 디자인 토큰·hierarchy 위반 → `scripts/validate-craft-lint.py` (정적) 또는 `deliver/ui-validate --check hierarchy` (런타임) - 게이트 통과의 자연어 보고 → `operate/ops-review` ### Boundary Checks - DESIGN.md 부재 시 → "먼저 `npx @google/design.md init` 권유" - 백엔드 only 에이전트 → "RESPECT.md 불필요, PRD Section 11 N/A 표기" - 매트릭스 yaml 누락 → default 매트릭스 + warning - β 게이트 + analytics_endpoint 부재 → β 자동 skip + warning --- ## Mode: brief ### RESPECT.md 스키마 (필수 5 섹션) ```yaml screen: "<화면 이름>" references_design_