Design & UX

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

Use when adding interactive 3D scenes from Spline.design to web projects, including React embedding and runtime control API.

A toolkit providing utilities and knowledge for creating animated GIFs optimized for Slack.

Manages shadcn/ui components and projects, providing context, documentation, and usage patterns for building modern design systems.

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

Best practices for Remotion - Video creation in React

Modern React patterns and principles. Hooks, composition, performance, TypeScript best practices.

Product Inventor e Design Alchemist de nivel maximo — combina Product Thinking, Design Systems, UI Engineering, Psicologia Cognitiva, Storytelling e execucao impecavel nivel Jobs/Apple.

A user may ask you to create, edit, or analyze the contents of a .pptx file. A .pptx file is essentially a ZIP archive containing XML files and other resources that you can read or edit. You have different tools and workflows available for different tasks.

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 字形

CRITICAL: Use for Makepad DSL syntax and inheritance. Triggers on: makepad dsl, live_design, makepad inheritance, makepad prototype, "<Widget>", "Foo = { }", makepad object, makepad property, makepad DSL 语法, makepad 继承, makepad 原型, 如何定义 makepad 组件

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.

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

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.