Back to Skills

hig-doctor-audit

raintree-technology
Updated 4 days ago
78
9
78
View on GitHub
Designreactaiautomationdesign

About

This skill performs automated audits of app projects against Apple's Human Interface Guidelines across multiple frameworks including SwiftUI, UIKit, React Native, and Flutter. It generates severity reports and can be integrated into CI pipelines to enforce compliance. Developers should use it when they need to scan for accessibility issues, design violations, or verify HIG conformance before deployment.

Quick Install

Claude Code

Recommended
Primary
npx skills add raintree-technology/claude-starter -a claude-code
Plugin CommandAlternative
/plugin add https://github.com/raintree-technology/claude-starter
Git CloneAlternative
git clone https://github.com/raintree-technology/claude-starter.git ~/.claude/skills/hig-doctor-audit

Copy and paste this command in Claude Code to install this skill

Documentation

HIG Doctor Audit

Use this skill as the verification loop for Apple HIG work. It complements the hig-* reference skills: run the audit to find concrete concerns, then use the matching HIG skill and reference topic to fix them.

Tooling

HIG Doctor is documented at https://apple.raintree.technology and published as hig-doctor.

npx hig-doctor ./path/to/project
npx hig-doctor ./path/to/project --export
npx hig-doctor ./path/to/project --stdout
npx hig-doctor ./path/to/project --json
npx hig-doctor ./path/to/project --fail-on critical

Requires Node 20+ for the published package. From the local source repo, the Bun entrypoint is:

cd /Users/mb1/Code/secondary/hig-doctor/packages/hig-doctor/src-termcast
bun run audit ./path/to/project

Workflow

  1. Confirm the project path and target platform/framework.
  2. Run npx hig-doctor <path> --export for a human-readable hig-audit.md, or --json for CI/scripts.
  3. If output is large, focus first on critical, then serious, then high-confidence moderate.
  4. Map each category's skill field to the matching local HIG skill, such as hig-foundations or hig-components-controls.
  5. Read only the specific HIG reference topics needed for the flagged issue.
  6. Fix concrete code issues and rerun the audit with the same flags.
  7. For CI, use --fail-on critical first. Raise to serious only after existing serious issues are cleaned up.

Ignore File

Use .higauditignore for intentional fixtures, generated output, stories, or demos:

**/*.stories.tsx
examples
components/audit-demo-fixtures.ts

Keep ignores narrow. Do not hide application UI code to make the audit pass.

Interpretation

  • critical: accessibility-breaking or interaction-blocking. Treat as release blockers unless clearly a false positive.
  • serious: significant HIG or UX degradation. Fix before shipping visible UI.
  • moderate: style or best-practice drift. Batch when the issue is repeated across a design system.
  • positive: useful evidence, not work to do.

HIG Doctor is regex-based. Verify each finding against the code and the relevant HIG reference before editing.

GitHub Repository

raintree-technology/claude-starter
Path: templates/.claude/skills/hig-doctor-audit
0
ai-toolsanthropicclaudeclaude-aiclaude-codedeveloper-tools

Related Skills

executing-plans

Design

Use the executing-plans skill when you have a complete implementation plan to execute in controlled batches with review checkpoints. It loads and critically reviews the plan, then executes tasks in small batches (default 3 tasks) while reporting progress between each batch for architect review. This ensures systematic implementation with built-in quality control checkpoints.

View skill

requesting-code-review

Design

This skill dispatches a code-reviewer subagent to analyze code changes against requirements before proceeding. It should be used after completing tasks, implementing major features, or before merging to main. The review helps catch issues early by comparing the current implementation with the original plan.

View skill

connect-mcp-server

Design

This skill provides a comprehensive guide for developers to connect MCP servers to Claude Code using HTTP, stdio, or SSE transports. It covers installation, configuration, authentication, and security for integrating external services like GitHub, Notion, and custom APIs. Use it when setting up MCP integrations, configuring external tools, or working with Claude's Model Context Protocol.

View skill

web-cli-teleport

Design

This skill helps developers choose between Claude Code Web and CLI interfaces based on task analysis, then enables seamless session teleportation between these environments. It optimizes workflow by managing session state and context when switching between web, CLI, or mobile. Use it for complex projects requiring different tools at various stages.

View skill