EvanBaconEvanBaconCommunityยท4 Agent Skills Included

crispy

Build iOS-style universal app interfaces for mobile and web

Builds iOS-style UI components for Expo apps that run natively on iOS, Android, and web. Provides ready-made forms, tabs, stacks, toggles, and dialogs styled with Apple system colors and SF Symbols. Eliminates rebuilding platform-specific layouts by shipping native and web fallbacks for every component. Includes theming, dark mode, and browser automation skills so agents assemble polished app screens faster.
npx skills add EvanBacon/crispy --all -g -y
Available:

Tells the AI agent the project's stack, file structure, styling conventions, and step-by-step rules for creating new cross-platform UI components consistently.

All Skills in This Repository (4)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Crispy?โ–ผ

Run `npx skills add EvanBacon/crispy --all -g -y` in your terminal to install all skills in this suite globally.

What does Crispy help me build?โ–ผ

It provides iOS-style form, tab, stack, and dialog components for Expo Router apps that work on iOS, Android, and web from one codebase.

How do I make app settings screens that look like Apple's?โ–ผ

Use the Form.List, Form.Section, and Form.Toggle components, which replicate the Apple Settings app layout with native colors and SF Symbol icons.

Does Crispy support dark mode on web and mobile?โ–ผ

Yes. The universal-theme skill sets up light, dark, and system modes with no flash of the wrong theme on page load.

Can AI agents test my web UI automatically?โ–ผ

Yes. The agent-browser skill lets your AI agent open pages, fill forms, click elements, and take screenshots to verify your app.

Related Repositories in Design & Creative

View All in Design & Creativeโ†’