agent-skills

This Skill addresses the lack of systematic guidance for implementing glass/frosted/translucent UI in Expo React Native projects, while also providing a structured process for UI/UX design audits. In practice, developers often need to add glass effects for scenarios like iOS 26-style tab bars or floating toolbars. However, different implementation paths (e.g., SwiftUI, @callstack/liquid-glass) have compatibility variations and lack reference to Apple's HIG design guidelines. Furthermore, design audits often rely on subjective judgment, missing quantifiable evaluation dimensions.

Usage is straightforward. Simply install the skill package via npx skills add devanshuDesai/agent-skills. You can then trigger its two sub-skills using natural language commands, such as "Add a floating glass toolbar to the home screen" or "Audit my app's design." The AI coding agent will automatically load the corresponding SKILL.md file and execute either a four-step implementation path (including runtime guards, fallback strategies, and accessibility checks) or a 15-dimension audit protocol. No additional configuration is required after installation; the skill activates automatically when relevant tasks arise.

It is ideal for React Native development teams needing to add native-level glass UI effects to mobile apps, especially those already using Expo SDK 52+ and aiming to adhere to Apple's design specifications. The design audit skill is suitable for product managers, UI designers, and developers to check dimensions like visual hierarchy, spacing, typography, and color during iteration cycles, ensuring design quality. Additionally, developers of AI coding agents can use this repository to quickly extend their agent's UI implementation and auditing capabilities.

We recommend integrating this skill early in the project lifecycle to facilitate on-demand UI implementation and design review during development. Note that the expo-liquid-glass skill requires Expo SDK 52 or higher, and @callstack/liquid-glass is still experimental. For production environments, using SwiftUI or native tab implementations as a foundation is recommended. The output of the design audit skill can serve as additional context for PRs but should not replace the final decision of a human designer.