skills.rest
tomw200082-collab
tomw200082-collabCOMMUNITY
Explore all skills by this author →
GitHub

apple-design

Review mobile and desktop UI designs against Apple HIG-derived design guidelines.

Updated May 8, 2026
Search Tags:#accessibility#cross-platform#design review#dark mode#flutter#apple hig#ui ux audit
One-click install
npx skills add https://github.com/tomw200082-collab/gt-factory-os-production-brain --skill apple-design-tomw200082-collab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: apple-design
Source: https://github.com/tomw200082-collab/gt-factory-os-production-brain/tree/main/.claude/skills/apple-design
Command: npx skills add https://github.com/tomw200082-collab/gt-factory-os-production-brain --skill apple-design-tomw200082-collab

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Designers and developers lack a systematic, standards-grounded way to audit UI/UX designs, often relying on subjective opinions instead of established design principles when reviewing mobile and desktop apps. ## Core Features & Use Cases - Systematic Design Audit: Reviews designs against 53 guideline documents covering color, typography, layout, accessibility, motion, and gestures, with a severity-ranked report (Critical / High / Medium / Low). - Specialized Review Modes: Dedicated audits for app icons, accessibility, dark mode, Liquid Glass / glassmorphism, and generative AI UX. - Cross-Platform Translation: Converts Apple-specific terminology into framework equivalents for Flutter, Tauri, Electron, React Native, SwiftUI, and UIKit. - Use Case: Ask for a review of your Flutter app's home screen and receive a structured report citing specific guidelines, with concrete fixes like exact contrast-ratio corrections and framework-native component recommendations. ## Quick Start Ask the assistant to review your app's screen design against Apple HIG guidelines and provide prioritized improvement recommendations.

Frequently Asked Questions about apple-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I review my app design against Apple HIG guidelines?▼

Provide screenshots, mockups, wireframes, or code along with your target platform and framework. The skill loads relevant guideline references, audits accessibility, platform conventions, visual design, and interaction patterns, then returns a severity-ranked report with concrete fixes.

What design review tool works for Flutter and React Native apps?▼

This skill reviews Flutter and React Native designs using platform-agnostic rules generalized from Apple's HIG. It translates Apple-specific terms into framework equivalents, such as recommending Flutter's BottomNavigationBar instead of UITabBarController.

Does this design review work for desktop apps like Tauri or Electron?▼

Yes, desktop reviews cover window controls, keyboard shortcuts, menu bar settings access, responsive window resizing, and context menus. Guidelines are adapted from macOS conventions into framework-agnostic desktop rules.

Can it audit accessibility and dark mode support?▼

Yes, dedicated modes audit contrast ratios (4.5:1 minimum for body text), scalable text, touch target sizes, screen reader labels, and semantic color usage in both light and dark appearances.

What are the limitations of guideline-based design review?▼

Reviews depend on the quality of supplied materials such as screenshots or descriptions, and guidelines may conflict with business requirements. The skill flags such trade-offs rather than enforcing rules dogmatically.

Related Skills

Explore More Design & Creative Skills→
Sir-chawakornSir-chawakorn
33

screenshot-to-code

Convert UI screenshots and design mockups into HTML, CSS, and React components.

Community
Intermediate
lushly-devlushly-dev
4

test-components

Run Playwright E2E tests with visual regression and axe-core accessibility checks.

Official
Intermediate
tiankong0101-bytetiankong0101-byte

mass-line

Synthesize dispersed feedback into a coherent decision and validate it with stakeholders.

Community
Advanced
partme-aipartme-ai
610

ant-design-react

Guide Ant Design React component usage with TypeScript and design system support.

Official
Intermediate