Design & UX

CRITICAL: Use for Makepad font and text rendering. Triggers on: makepad font, makepad text, makepad glyph, makepad typography, font atlas, text layout, font family, font size, text shaping, makepad 字体, makepad 文字, makepad 排版, makepad 字形

Utilizes Magic by 21st.dev to generate, compare, and integrate multiple production-ready UI component variations.

AI-powered animation tool for creating motion in logos, UI, icons, and social media assets.

Develop native iOS applications with Swift/SwiftUI. Masters iOS 18, SwiftUI, UIKit integration, Core Data, networking, and App Store optimization.

Use when creating raw industrial or tactical telemetry UIs with rigid grids, stark typography, CRT effects, and high-density data.

Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing,...

Extensive icon library and AI-driven icon generation skill for premium UI/UX design.

Use when designing expensive agency-grade interfaces with premium fonts, spatial rhythm, soft depth, and fluid microinteractions.

Create or update a shared Apple design context document that other HIG skills use to tailor guidance.

Apple Human Interface Guidelines for platform-specific design.

Apple Human Interface Guidelines interaction and UX patterns.

Apple Human Interface Guidelines design foundations.

Apple HIG guidance for navigation-related components including search fields, page controls, and path controls.

Apple Human Interface Guidelines for layout and navigation components.

Check for .claude/apple-design-context.md before asking questions. Use existing context and only ask for information not already covered.

Apple Human Interface Guidelines for content display components.

Game design principles. GDD structure, balancing, player psychology, progression.

Game audio principles. Sound design, music integration, adaptive audio systems.

Game art principles. Visual style selection, asset pipeline, animation workflow.

Game development orchestrator. Routes to platform-specific skills based on project needs.

A modern dark-themed React UI system using Tailwind CSS and Framer Motion. Designed for dashboards, admin panels, and data-rich applications with glassmorphism effects and tasteful animations.

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.

You are a frontend designer-engineer, not a layout generator.

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.