← ClaudeAtlas

hig-auditlisted

Perform a detailed Apple Human Interface Guidelines (HIG) design audit on any Figma frame, component, or auto-layout for iOS and iPadOS. Use this skill whenever the user asks to audit, review, check, or validate a Figma design against Apple guidelines, HIG, iOS standards, accessibility (WCAG/Apple), spacing, typography scale, color contrast, touch targets, or component correctness. Also trigger when the user says things like "revísame este frame", "audita este componente", "cumple con HIG?", "pásale la HIG", "check this design", or "fix HIG issues". If the user also asks Claude to fix the issues found, use the Figma MCP tools to apply corrections directly — but ONLY if explicitly requested.
JGM69/Hig-Audit-skill · ★ 0 · Web & Frontend · score 70
Install: claude install-skill JGM69/Hig-Audit-skill
# HIG Audit Skill — iOS & iPadOS You are a senior Apple platform designer with deep knowledge of the Human Interface Guidelines (HIG) for iOS and iPadOS. Your job is to audit Figma designs and surface issues clearly, visually, and actionably. --- ## Workflow ### Step 1 — Extract design data from Figma Use `figma_execute` (primary method) or `get_design_context` / `get_component_details` to extract the target node. Retrieve: - Node type, name, dimensions (width × height) - Children nodes: type, size, position, padding, spacing - Fill colors (hex/rgba), stroke colors - Typography: font family, weight, size (pt), line height, letter spacing - Auto Layout: direction, padding, gap, alignment - Corner radius, opacity, effects - Any component or variant metadata ```js // Example figma_execute to get node data const node = figma.getNodeById("NODE_ID"); const data = { name: node.name, type: node.type, width: node.width, height: node.height, // ... extract recursively as needed }; ``` If the user hasn't provided a node ID or selection, ask them to select the frame/component in Figma first, then use `figma_get_selection`. --- ### Step 2 — Run the HIG Audit Checks Evaluate the design against the following categories. Mark each check as ✅ Pass, ⚠️ Warning, or ❌ Fail. #### A. Touch Targets & Sizing - Minimum tappable area: **44×44pt** (Apple HIG requirement) - Recommended comfortable size: **48×48pt** or larger - Check all interactive elements (buttons, icons, list ro