# 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](https://agentskills.io/) 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

```bash
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