apple-hig-designer
Apple HIG Designer
Design beautiful, native iOS apps following Apple's Human Interface Guidelines (HIG). Create accessible, intuitive interfaces with native components, proper typography, semantic colors, and Apple's design principles.
What This Skill Does
Helps you design and build iOS apps that feel native and follow Apple's guidelines:
- Generate iOS Components - Create SwiftUI and UIKit components
- Validate Designs - Check compliance with Apple HIG
- Ensure Accessibility - VoiceOver, Dynamic Type, color contrast
- Apply Design Principles - Clarity, Deference, Depth
- Use Semantic Colors - Automatic dark mode support
- Implement Typography - San Francisco font system
- Follow Spacing - 8pt grid system and safe areas
Apple's Design Principles
1. Clarity
More from ralphjohn29/my-claude-skills
laravel-backend-expert
Expert Laravel backend development covering the full ecosystem. Use this skill whenever the user mentions Laravel backend, Laravel application development, Blade views, Livewire, Laravel queues, jobs, events, mail, notifications, file uploads, storage, caching, Redis, Laravel commands, scheduling, middleware, policies, gates, service providers, service classes, repositories, or general Laravel server-side development. Trigger for any non-API Laravel work including web applications, admin panels, and background processing.
12phpunit-testing-pro
Senior-level PHPUnit testing skill for Laravel/PHP applications. Use PROACTIVELY when writing tests, creating test suites, mocking dependencies, testing APIs, database testing, or improving test coverage. Covers PHPUnit 10+, Laravel testing helpers, data providers, mocks/stubs, Pest PHP comparison, and testing best practices. Trigger for test creation, test debugging, coverage improvement, or any testing-related questions.
6senior-frontend
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS. Includes component scaffolding, performance optimization, bundle analysis, and UI best practices. Use when developing frontend features, optimizing performance, implementing UI/UX designs, managing state, or reviewing frontend code.
5ui-ux-pro-max
UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 8 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient.
4senior-backend
Comprehensive backend development skill for building scalable backend systems using NodeJS, Express, Go, Python, Postgres, GraphQL, REST APIs. Includes API scaffolding, database optimization, security implementation, and performance tuning. Use when designing APIs, optimizing database queries, implementing business logic, handling authentication/authorization, or reviewing backend code.
4ui-ux-designer
|
3