Skill UI

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.

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.

This skill generates highly structured DESIGN.md files, acting as a semantic design system for Google Stitch. It translates complex, anti-generic frontend principles—including typography, color calibration, component behavior, and motion physics—into actionable, natural-language rules. Use it as the single source of truth to guide AI in generating premium, non-clichéd, professional user interfaces.

This skill provides advanced architectural guidelines for generating premium, award-level web experiences. It guides code generation beyond basic HTML/CSS, focusing on creating immersive digital environments. Key areas include sophisticated motion design (scroll-driven narratives, micro-interactions), establishing strong visual identities (e.g., Brutalism, Glassmorphism), and enforcing strict performance best practices like hardware acceleration and accessibility compliance.

A comprehensive directive for elite frontend developers, focusing on creating high-fidelity, award-winning web experiences. It mandates advanced techniques including GSAP motion triggers, mathematically flawless bento grids, and strict adherence to AIDA structure. This skill is crucial for building visually stunning, deeply interactive, and professional product or portfolio websites, moving beyond standard template limitations.

This file is designated as the Japanese localization resource for the Motion UI component. It is currently under active translation and implementation. Users should refer to the original skill file for the English version or the final functional skill.

A comprehensive guide detailing how to implement Google's Material Design principles across various platforms, including Web (CSS), iOS (SwiftUI), and cross-platform (Flutter). It covers core concepts like Z-axis elevation, meaningful motion, structured layouts, typography, and component usage to ensure a cohesive and modern user experience.