Skills
.Work. You
Rest

dynamic-island-ui

Community

Implement compact and expanded pill-shaped UI like Dynamic Island.

Software Engineering#animation#ui design#swiftui#appkit#dynamic island
Authortukuyomil032
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides a comprehensive guide to implementing pill-shaped UI elements similar to Apple's Dynamic Island, covering morphing, animations, and interaction UX.

Core Features & Use Cases

  • Compact/Expanded Morphing: Instructions for creating transitions between compact and expanded states of the UI.
  • Animations: Detailed guidance on animation constants and how to use them in SwiftUI and AppKit.
  • Card Design: Guidance on designing the compact and expanded card layouts with specific details on dimensions and aesthetics.
  • Hover/Click UX: Best practices for creating interactive hover and click experiences.
  • Notification Animation: Steps to create visually appealing notifications that scale and display content.

Quick Start

Use the dynamic-island-ui skill to learn how to implement a pill-shaped UI with morphing, animations, and interactive hover/click functionality.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: dynamic-island-ui
Download link: https://github.com/tukuyomil032/Perch/archive/main.zip#dynamic-island-ui

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.