frontend-app-design

Design React Native Expo interfaces following iOS Human Interface Guidelines and liquid glass aesthetics.

1|Updated Jan 2, 2026
One-click install
npx skills add https://github.com/tfunk1030/vibe --skill frontend-app-design-tfunk1030
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: frontend-app-design
Source: https://github.com/tfunk1030/vibe/tree/main/.claude/skills/frontend-app-design
Command: npx skills add https://github.com/tfunk1030/vibe --skill frontend-app-design-tfunk1030

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designers and developers struggle to create distinctive, production-grade React Native Expo interfaces that adhere to iOS Human Interface Guidelines and avoid generic AI-style visuals.

Core Features & Use Cases

  • Production-grade UI scaffolds and components for React Native Expo.
  • Guidance on typography, color, motion, depth, and Liquid Glass aesthetics.
  • Use cases: building mobile screens, reusable components, and style systems for iOS-focused apps.

Quick Start

Create a production-ready React Native Expo screen that follows the bold liquid-glass aesthetic and iOS guidelines.

Frequently Asked Questions about frontend-app-design

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I build a React Native Expo UI that follows iOS Human Interface Guidelines?

To build a React Native Expo UI aligned with iOS Human Interface Guidelines, implement mobile-first, touch-friendly components with proper typography, color, motion, and depth using Expo and React Native to achieve a production-grade design system.

What is the liquid glass aesthetic for React Native components?

The liquid glass aesthetic for React Native components is a distinctive visual style emphasizing depth and translucency. It avoids generic AI-style visuals by applying specific motion, color, and depth treatments within iOS-focused mobile screen designs.

Can I use this approach to create reusable style systems for iOS-focused apps?

Yes, you can use this approach to create reusable style systems for iOS-focused apps. It delivers production-grade UI scaffolds and components for React Native Expo, covering typography, color, motion, and depth across mobile screen designs.

Does Expo support production-grade mobile screens with liquid glass aesthetics?

Expo supports production-grade mobile screens with liquid glass aesthetics by providing the React Native framework foundation. It enables performant code implementation of coherent design systems covering typography, color, motion, and depth for iOS-focused apps.

What's the best way to avoid generic AI-style visuals in React Native Expo interfaces?

The best way to avoid generic AI-style visuals in React Native Expo interfaces is to engineer distinctive, production-grade UI scaffolds and components that adhere strictly to iOS Human Interface Guidelines and the liquid glass aesthetic.

Do I need React Native and Expo to implement iOS guideline-compliant mobile designs?

You need React Native and Expo to implement these iOS guideline-compliant mobile designs because the production-grade UI scaffolds, components, and coherent style systems are specifically engineered for the Expo and React Native tech stack.