Design skills

Browse reusable Agent Skills, each with a clear purpose and practical guidance.

app-icon-generator

Generates an app icon for macOS or iOS — a fast CoreGraphics placeholder and/or flat layered source art to finish in Icon Composer (the Liquid Glass / iOS 26+ standard). Produces appearance variants (light/dark/tinted) and installs into the asset catalog. Use when the user wants to create, generate, iterate, or update an app icon.

515 repo starsObserved in 1 repos
Design

assistive-access

Assistive Access implementation for cognitive accessibility including simplified scenes, navigation icons, runtime detection, and design principles. Use when optimizing apps for Assistive Access mode.

515 repo starsObserved in 1 repos
Design

component-library-patterns

Design system token management, component API design, Storybook, and visual regression testing patterns

515 repo starsObserved in 1 repos
Design

design-principles

The evergreen Apple design canon — wayfinding, feedback, mental models, progressive disclosure, fluid gesture physics, discoverability, and the idea→interface process — distilled from Apple's design sessions (2017–2026). Use when designing a new screen or app structure, reviewing UX quality beyond HIG-compliance mechanics, fixing "users can't find X," or deciding information architecture.

515 repo starsObserved in 1 repos
Design

design-system-generator

Generate design systems with color palettes, typography, spacing scales, component tokens, and Tailwind config

515 repo starsObserved in 1 repos
Design

layout

SwiftUI layout beyond stacks — the Layout protocol (when custom layout beats GeometryReader), Grid vs lazy grids, custom containers with sections and container values, and lazy-stack/ScrollView performance rules (what breaks laziness, prefetch discipline, scroll APIs). Use when building custom layouts or containers, fixing lazy-stack jank or memory growth, or wiring programmatic/snapping scrolling.

515 repo starsObserved in 1 repos
Design

liquid-glass

Implement Liquid Glass design using .glassEffect() API for iOS/macOS 26+. Covers SwiftUI, AppKit, UIKit, and WidgetKit. Use when creating modern glass-based UI effects.

515 repo starsObserved in 1 repos
Design

milestone-celebration

Generates achievement celebration UI with confetti animations, badge unlocks, progress milestones, haptic feedback, and optional share-to-social. Use when user wants to celebrate achievements, show confetti, display milestone badges, or trigger rewards on key thresholds.

515 repo starsObserved in 1 repos
Design

sf-symbols

SF Symbols end-to-end — choosing and configuring the 7,000+ system symbols (rendering modes, variable color/draw, gradients), authoring custom symbols that interpolate across weights, and the animation preset vocabulary. Use when picking iconography, building custom symbols, animating symbol state changes, or rendering values as symbols.

515 repo starsObserved in 1 repos
Design

spatial-design

Designing for visionOS — spatial layout and ergonomics (60pt eye targets, field-of-view placement, dynamic scale), eyes-and-hands input with hover rules, motion and visual comfort (the 0.2 Hz rule, vection, depth-cue agreement), immersion strategy, spatial sound, and the video-format decision guide. Use when designing or reviewing any visionOS app, window, volume, or immersive experience.

515 repo starsObserved in 1 repos
Design