Design & UX

Apple Human Interface Guidelines for layout and navigation components.

One sentence - what this skill does and when to invoke it

Evaluate interfaces against 168 research-backed UX/UI principles, detect antipatterns, and inject UX context into AI coding sessions.

One sentence - what this skill does and when to invoke it

Comprehensive design guide for web and mobile applications. Use when designing new UI components or pages, choosing color palettes and typography, or reviewing code for UX issues.

Three.js shaders - GLSL, ShaderMaterial, uniforms, custom effects. Use when creating custom visual effects, modifying vertices, writing fragment shaders, or extending built-in materials.

Three.js lighting - light types, shadows, environment lighting. Use when adding lights, configuring shadows, setting up IBL, or optimizing lighting performance.

Three.js interaction - raycasting, controls, mouse/touch input, object selection. Use when handling user input, implementing click detection, adding camera controls, or creating interactive 3D experiences.

Three.js geometry creation - built-in shapes, BufferGeometry, custom geometry, instancing. Use when creating 3D shapes, working with vertices, building custom meshes, or optimizing with instanced rendering.

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

Expert in building immersive scroll-driven experiences - parallax

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.

Build accessible design systems with Radix UI primitives. Headless component customization, theming strategies, and compound component patterns for production-grade UI libraries.

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

Design de produto nivel Apple — sistemas visuais, UX flows, acessibilidade, linguagem visual proprietaria, design tokens, prototipagem e handoff. Cobre Figma, design systems, tipografia, cor, espacamento, motion design e principios de design cognitivo.

One sentence - what this skill does and when to invoke it

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

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 Human Interface Guidelines for layout and navigation components.