Skill UI

Guides creation of production-grade interfaces with a bold aesthetic direction, ensuring typography, color, layout, and motion choices remain intentional and unforgettable for any web component or page request.

A comprehensive guide covering the core principles of immersive game audio. Learn how to structure audio categories (SFX, Music, Ambient), implement adaptive music systems, master 3D spatialization, and apply professional mixing techniques (e.g., ducking, hierarchy) to elevate the emotional impact and technical quality of your game's soundscape. Essential for sound designers and game developers.

A comprehensive guide detailing the core principles of Apple's Human Interface Guidelines (HIG). It covers essential topics such as accessibility (VoiceOver, Dynamic Type), utilizing system colors and materials, adhering to platform conventions, and best practices for typography, layout, and motion. Use this guide to ensure your application design is native, inclusive, and highly polished across all Apple operating systems.

Provides comprehensive best practices for designing user interfaces that support diverse input methods across the Apple ecosystem. This guide covers everything from standard gestures, Apple Pencil interactions, keyboard shortcuts, to specialized inputs like the Digital Crown, eye tracking, and motion sensors, ensuring cross-platform consistency and optimal user experience.

This comprehensive checklist is designed for ensuring flawless deployments to Vercel's production environment. It guides users through every critical stage: pre-deployment verification (environment variables, testing), secure promotion and API deployment, domain configuration, post-deployment health checks, and immediate rollback procedures. Use this guide whenever preparing for a major launch or implementing go-live procedures to minimize production risks.

This comprehensive guide outlines the core principles for developing immersive Virtual and Augmented Reality (VR/AR) applications. It covers critical aspects such as platform selection (Quest, ARKit, ARCore), mandatory performance metrics (FPS, frame budget), user comfort techniques (motion sickness prevention), and best practices for spatial interaction and world design. Essential reading for engineers building next-generation spatial computing experiences.

This skill enforces a strict, opinionated baseline for UI development in Tailwind CSS projects. It ensures adherence to best practices concerning accessibility (ARIA), motion, typography, and layout structure. Use it when building complex UI components, reviewing CSS utilities, or preventing sloppy, generic interface design, especially when mitigating potential issues from AI-generated code.

A specialist in building highly interactive, spatial, and weightless web interfaces using advanced techniques like GSAP, 3D CSS transforms, and React. This skill excels in implementing modern visual trends such as glassmorphism and isometric grids, providing a premium, immersive feel for sophisticated dashboards and landing pages.

Magic Animator is an AI-powered skill designed for designers to breathe life into static visuals. It transforms flat logos, UI elements, and icons into engaging, premium motion assets. Use it to create micro-interactions, sophisticated loaders, and memorable brand reveals for web, apps, and social media, ensuring a high "wow" factor and dramatically improving user experience.

This comprehensive guide outlines world-class product design principles, mimicking Apple's standard. It covers building robust design systems, defining essential design tokens (color, typography, spacing, motion), structuring UI components (atoms to organisms), optimizing UX flows, and designing engaging onboarding experiences. Ideal for product designers and PMs needing to establish a cohesive, scalable visual language and improve overall user experience.

This framework provides a systematic methodology for engineering virality, moving beyond luck to design shareable products, ideas, and content. It utilizes the STEPPS model (Social Currency, Triggers, Emotion, Public, Practical Value, Stories) to systematically increase the likelihood of organic sharing and word-of-mouth marketing. Use it when optimizing for shareability or predicting user adoption patterns.

A comprehensive framework designed to help users craft messages, taglines, and value propositions that are not only understood but also remembered and actionable. It utilizes the SUCCESs model (Simple, Unexpected, Concrete, Credible, Emotional, Stories) to elevate ordinary communication into high-impact, sticky content. Ideal for copywriters, marketers, and product managers.