design

Implement Apple design systems with SwiftUI and AppKit code examples.

603|51|Updated Oct 29, 2025
One-click install
npx skills add https://github.com/rshankras/claude-code-apple-skills --skill design-rshankras
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design
Source: https://github.com/rshankras/claude-code-apple-skills/tree/main/skills/design
Command: npx skills add https://github.com/rshankras/claude-code-apple-skills --skill design-rshankras

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides guidance and code examples for implementing modern Apple design principles, including Liquid Glass effects, fluid animations, and adhering to the Human Interface Guidelines, ensuring your app looks and feels native.

Core Features & Use Cases

  • Liquid Glass Implementation: Learn to use SwiftUI's .glassEffect() and AppKit's NSGlassEffectView for visually appealing, translucent UI elements.
  • Animation Patterns: Master SwiftUI animations, from basic springs to advanced PhaseAnimator and KeyframeAnimator, for dynamic and engaging user experiences.
  • Use Case: You're building a new feature that requires a modern, frosted glass look for a set of interactive buttons. This Skill will show you how to apply .glassEffect() with interactivity and proper containerization for optimal performance.

Quick Start

Show me how to apply a basic Liquid Glass effect to a SwiftUI Text view.

Frequently Asked Questions about design

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

FAQPage Schema
How do I apply Liquid Glass effects to a SwiftUI view?

To apply Liquid Glass effects in SwiftUI, use the `.glassEffect()` modifier to create translucent, frosted UI elements. This Skill provides code examples for implementing interactivity and proper containerization to ensure optimal visual performance.

Can I use Liquid Glass effects in AppKit?

Yes, you can implement Liquid Glass effects in AppKit using `NSGlassEffectView`. This Skill provides guidance on creating visually appealing, translucent UI elements that adhere to Apple's Human Interface Guidelines for native macOS applications.

How do PhaseAnimator and KeyframeAnimator work for SwiftUI animations?

PhaseAnimator and KeyframeAnimator are advanced SwiftUI animation patterns for creating dynamic user experiences. This Skill covers mastering these tools, allowing you to progress from basic spring animations to complex, fluid motion designs for interactive UI updates.

What's the best way to ensure my app's UI follows Apple's Human Interface Guidelines?

The best way to follow Apple's Human Interface Guidelines is to implement native design systems like Liquid Glass and fluid animations correctly. This Skill provides comprehensive guidance and code examples to ensure your app achieves platform consistency and performance.

Does implementing Liquid Glass effects impact UI performance?

Implementing Liquid Glass effects can impact performance if not properly containerized. This Skill addresses performance by showing you how to apply `.glassEffect()` with correct containerization practices, ensuring your interactive buttons and UI elements remain responsive.

How do I create fluid transitions for dynamic UI updates in SwiftUI?

You can create fluid transitions for dynamic UI updates in SwiftUI by leveraging advanced animation patterns like PhaseAnimator and KeyframeAnimator. This Skill offers code examples to help you build engaging and smooth transitions that feel native to Apple platforms.