Agent Skills

Agent skills for Expo Liquid Glass UI implementation and UI/UX design audits. Skills are specialized knowledge modules that AI coding agents load on-demand to build native-feeling glass interfaces and run structured design reviews.

Skills follow the Agent Skills format.

Available Skills

expo-liquid-glass

Design and implement Liquid Glass UI in Expo React Native. Covers four implementation paths with runtime guards, fallbacks, and accessibility checks.

Use when: Adding glass/frosted/translucent effects, building iOS 26-style tab bars, integrating SwiftUI glass modifiers, or needing Apple HIG guidance for glass surfaces.

Categories covered: expo-glass-effect, @expo/ui SwiftUI, expo-router native tabs, @callstack/liquid-glass, runtime guards, SDK migration, accessibility

design-audit

UI/UX design audit with Steve Jobs and Jony Ive design philosophy. Structured protocol for auditing visual hierarchy, spacing, typography, color, motion, and 10 more dimensions across every screen.

Use when: Auditing app design, improving visual hierarchy, simplifying the interface, applying Apple design principles, polishing UI, or refactoring visual design.

Categories covered: 15 audit dimensions, phased implementation plans, kill-or-elevate filtering, scope discipline, design rules, post-implementation protocol

Installation

npx skills add devanshuDesai/agent-skills

Usage

Skills are automatically available once installed. The agent will use them when relevant tasks are detected.

Examples:

Add a floating glass toolbar to the home screen

Audit the design of my app

Make the checkout screen look better

Set up native Liquid Glass tab bars with expo-router

Skill Structure

skills/
  expo-liquid-glass/
    SKILL.md                          # Liquid Glass implementation guide
    metadata.json                     # Skill metadata
    references/
      apple-liquid-glass-design.md    # Apple HIG design guidance
      callstack-liquid-glass.md       # @callstack/liquid-glass setup
      expo-ui-swiftui.md              # @expo/ui SwiftUI integration
      native-tabs.md                  # Native tab bar reference
  design-audit/
    SKILL.md                          # Design audit protocol
    metadata.json                     # Skill metadata
    references/
      audit-dimensions.md             # 15 audit dimensions with scoring
      design-rules.md                 # 8 design rules expanded
      scope-discipline.md             # Touch/don't-touch boundaries
      jobs-filter.md                  # Kill-or-elevate checklist
      post-implementation.md          # Post-phase update protocol

License

MIT