Skills Directory

Use when the user wants to design a mobile app, create screens, build UI, or interact with their Sleek projects. Covers high-level requests

Elite mobile app image-generation skill for creating premium, app-native screen concepts and flows. Designed for iOS, Android, and cross-pla

UI/UX design intelligence for web and mobile. Includes 50+ styles, 161 color palettes, 57 font pairings, 161 product types, 99 UX guidelines

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list perform

Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or m

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing

Master iOS Human Interface Guidelines and SwiftUI patterns for building native iOS apps. Use when designing iOS interfaces, implementing Swi

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when bu

Master React Native styling, navigation, and Reanimated animations for cross-platform mobile development. Use when building React Native app

Build production React Native apps with Expo, navigation, native modules, offline sync, and cross-platform patterns. Use when developing mob

Implement WCAG 2.2 compliant interfaces with mobile accessibility, inclusive design patterns, and assistive technology support. Use when aud

HeroUI Native component library for React Native (Tailwind v4 via Uniwind). Use when building mobile UIs with HeroUI Native - creating Butto

Comprehensive guide for creating professional UI/UX designs in Penpot using MCP tools. Use this skill when: (1) Creating new UI/UX designs f

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face

React Native expert for cross-platform mobile development.