Communitygithub.com

DanhDue/ios-ui-audit

iOS UI 감사 에이전트 스킬: iOS 앱의 UI 요소를 감사하고 문제점을 식별합니다.

ios-ui-audit란 무엇인가요?

이 스킬은 iOS 애플리케이션의 사용자 인터페이스를 자동으로 감사하는 AI 에이전트 도구입니다. 개발자는 이 스킬을 통해 UI 요소의 정렬, 간격, 색상 대비, 접근성 위반 사항 등 다양한 UI/UX 문제를 신속하게 탐지할 수 있습니다. 주로 Claude Code, Cursor, Codex와 같은 AI 코딩 에이전트와 통합되어 작동하며, 제공된 SKILL.md 문서를 기반으로 UI 검사 규칙을 정의하고 실행합니다. 이 스킬은 수동 QA 과정을 자동화하여 개발 속도를 높이고 사용자 경험을 개선하는 데 도움을 줍니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/DanhDue/ai-agent-tools/tree/main/skills/ios-ui-audit

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

ios-ui-audit은(는) 무엇을 하나요?

DanhDue/ai-agent-tools 의 에이전트 스킬 'ios-ui-audit' 입니다.

개요

이 스킬은 iOS 애플리케이션의 UI 요소를 자동으로 감사하여 잠재적인 UI/UX 문제를 식별합니다. 개발자는 이 스킬을 활용하여 앱의 사용자 인터페이스에서 정렬 오류, 여백 불일치, 색상 대비 부족, 접근성 위반 사항 등을 빠르게 발견하고 수정할 수 있습니다.

주요 기능

  • UI 요소 검사: 버튼, 레이블, 이미지, 텍스트 필드 등 모든 UI 요소의 속성(위치, 크기, 색상, 글꼴 등)을 분석합니다.
  • 접근성 감사: VoiceOver 지원, 동적 텍스트 크기, 색상 대비 비율 등 접근성 관련 문제를 식별합니다.
  • 디자인 일관성 검사: 앱 전반에 걸쳐 디자인 시스템(색상, 여백, 글꼴)이 일관되게 적용되었는지 확인합니다.
  • 자동화 보고서: 감사 결과를 구조화된 보고서(JSON 또는 마크다운)로 생성하여 CI/CD 파이프라인에 통합할 수 있습니다.

지원 플랫폼

  • Claude Code
  • Cursor
  • Codex

사용 방법

  1. 에이전트 명령 실행: ios-ui-audit 명령을 실행하여 현재 프로젝트의 UI 요소를 감사합니다.
  2. 특정 화면 감사: 특정 뷰 컨트롤러 또는 화면만 감사하려면 경로를 인자로 전달합니다.
  3. 결과 확인: 감사 결과는 터미널에 출력되며, 별도 파일로 저장할 수 있습니다.

설정

스킬은 프로젝트 루트의 .ios-ui-audit.yml 또는 .ios-ui-audit.json 파일을 통해 설정할 수 있습니다. 설정 가능한 옵션은 다음과 같습니다:

  • minContrastRatio: 최소 색상 대비 비율 (기본값: 4.5:1)
  • excludeClasses: 감사에서 제외할 UI 요소 클래스 목록
  • outputFormat: 보고서 형식 (json, markdown)
  • reportPath: 보고서 저장 경로 (기본값: ./ui-audit-report.md)

예제

# 전체 UI 감사 실행
ios-ui-audit

# 특정 화면 감사
ios-ui-audit --screen LoginViewController

# JSON 형식으로 보고서 생성
ios-ui-audit --format json --output ./reports/ui-audit.json

참고

이 스킬은 DanhDue/ai-agent-tools 저장소의 일부입니다. 버그 신청 또는 기능 제안은 저장소의 이슈 트래커를 통해 제출해 주세요.

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

DanhDue/android-api-integration

Agent skill 'android-api-integration' from DanhDue/ai-agent-tools.

DanhDue/android-ui-audit

Agent skill 'android-ui-audit' from DanhDue/ai-agent-tools.

DanhDue/api_integration

Agent skill 'api_integration' from DanhDue/ai-agent-tools.

DanhDue/architecture-audit

Agent skill 'architecture-audit' from DanhDue/ai-agent-tools.

DanhDue/brainstorming

Agent skill 'brainstorming' from DanhDue/ai-agent-tools.

DanhDue/build_fix

Agent skill 'build_fix' from DanhDue/ai-agent-tools.

DanhDue/check_secure_files

Agent skill 'check_secure_files' from DanhDue/ai-agent-tools.

DanhDue/code-health-audit

Agent skill 'code-health-audit' from DanhDue/ai-agent-tools.

DanhDue/copy_secure_configurations

Agent skill 'copy_secure_configurations' from DanhDue/ai-agent-tools.

DanhDue/create_new_feature

Agent skill 'create_new_feature' from DanhDue/ai-agent-tools.

DanhDue/decision-records

Agent skill 'decision-records' from DanhDue/ai-agent-tools.

DanhDue/dev-brainstorming

Agent skill 'dev-brainstorming' from DanhDue/ai-agent-tools.

DanhDue/dev-designer

Agent skill 'dev-designer' from DanhDue/ai-agent-tools.

DanhDue/dev-implementation

Agent skill 'dev-implementation' from DanhDue/ai-agent-tools.

DanhDue/dev-lifecycle

Agent skill 'dev-lifecycle' from DanhDue/ai-agent-tools.

DanhDue/dispatching-parallel-agents

Agent skill 'dispatching-parallel-agents' from DanhDue/ai-agent-tools.

DanhDue/doc-brainstorming

Agent skill 'doc-brainstorming' from DanhDue/ai-agent-tools.

DanhDue/doc-designer

Agent skill 'doc-designer' from DanhDue/ai-agent-tools.

DanhDue/doc-implementation

Agent skill 'doc-implementation' from DanhDue/ai-agent-tools.

DanhDue/doc-lifecycle

Agent skill 'doc-lifecycle' from DanhDue/ai-agent-tools.

관련 스킬