EN

Browser

실제 브라우저를 조작합니다.

26 of 26 tools · Metrics as of 2026-11-02

impeccableGitHub ↗
Skills
CodingBrowser
Rust100.0k

에이전트가 만든 UI를 이끌고, 검토하고, 슬롭에서 벗어나게 하는 디자인 어휘 스킬 세트를 설계합니다. **1. 방향 설정 어휘 (Steering)** - **의도 계층**: 목표, 대상 사용자, 핵심 작업, 성공 신호를 먼저 고정하는 용어. "이 화면이 존재하는 이유"를 한 문장으로 강제. - **톤 스펙트럼**: 절제된/친근한/전문적/장난스러운 등 톤을 명시적 축으로 정의해 에이전트의 기본값(무난함)을 덮어쓰기. - **밀도 등급**: 여유/표준/고밀도. 정보 밀도를 사전에 선언해 레이아웃 결정을 구속. - **계층 우선순위**: 1차 행동, 2차 행동, 보조 정보를 명명해 시각적 무게 배분의 기준 제공. - **제약 어휘**: 금지 패턴 목록(예: 그라디언트 남용, 과도한 그림자, 의미 없는 아이콘)을 명시적 금기로 선언. **2. 검토 어휘 (Review)** - **계층 감사**: 시선이 어디로 가는지, 1차 행동이 즉시 식별되는지 판정하는 용어. - **일관성 점검**: 간격 스케일, 타이포 스케일, 색 역할이 시스템 내에서 반복되는지 확인. - **상태 완결성**: 빈 상태, 로딩, 오류, 부분 실패, 권한 없음 등 상태 커버리지를 명명해 누락을 드러냄. - **접근성 기준**: 대비, 포커스 가시성, 터치 타깃, 의미론적 마크업을 체크리스트 어휘로 고정. - **카피 정합성**: 레이블과 마이크로카피가 톤 스펙트럼과 일치하는지 검토. **3. 슬롭 제거 어휘 (De-slop)** - **제네릭 신호**: "어디에나 있을 법한" 패턴을 지목하는 용어. 출처 없는 히어로, 의미 없는 일러스트, 장식적 배지 등. - **장식 부채**: 기능 없이 시각적 소음만 더하는 요소를 식별하고 제거 대상으로 분류. - **과잉 대칭**: 모든 것이 균등하게 강조되어 위계가 사라진 상태를 진단. - **템플릿 잔향**: 특정 프레임워크 기본값이 그대로 남은 흔적을 지목. - **구체성 주입**: 추상적 표현을 실제 콘텐츠, 실제 수치, 실제 사용자 맥락으로 대체하도록 유도하는 어휘. **4. 운영 어휘 (Workflow)** - **스킬 트리거**: 각 어휘 세트가 언제 호출되는지(설계 시작, 리뷰 패스, 정리 패스) 정의. - **판정 언어**: 통과/수정 필요/차단의 3단 판정과 근거를 요구하는 형식. - **반복 루프**: 방향 → 생성 → 검토 → 슬롭 제거 → 재검토의 순환을 명시적 단계로 고정. **5. 구조화 방식** - 각 스킬은 이름, 목적, 입력, 출력, 판정 기준, 금지 예시를 갖는 모듈로 분리. - 어휘는 공유 사전(glossary)으로 통합해 에이전트 간 일관된 언어 사용을 보장. - 검토 결과는 체크리스트가 아닌 근거 있는 서술로 출력하도록 강제해, 형식적 통과를 방지.