Skill UI

This skill provides comprehensive guidance based on Apple's Human Interface Guidelines (HIG) for designing core navigation components. It details best practices for Search Fields (instant feedback, scoping), Page Controls (flat, linear sequences), and Path Controls (file hierarchy breadcrumbs). It helps developers ensure their application's UI/UX is consistent, intuitive, and platform-appropriate across iOS, macOS, and visionOS.

This comprehensive guide provides a blueprint for building high-converting, interactive professional portfolios. It covers everything from portfolio architecture (single-page vs. multi-page) and effective project showcase design to optimizing developer-specific content. Learn how to make your first impression count in the critical 30 seconds, transforming a simple collection of work into a powerful career narrative.

Toolkit for senior UI designers that creates design tokens, component specs, responsive rules, and developer handoff assets. Apply it when building or evolving design systems to keep UI consistency and make design-dev collaboration smoother.

Guides designers and developers through selecting, pairing, and implementing typefaces for web projects, covering readability, responsive typography, CSS rules, scoring, and evaluation steps that honor reading mechanics while balancing performance.

Inspects live or staging websites to spot layout, responsive, and accessibility issues, then traces those problems to source files for targeted fixes, making it ideal for developers and designers reviewing static sites, SPAs, or full-stack apps.