category focus

Mobile

iOS, Android, and cross-platform dev tools.

2348 스킬all categories
sorting
stars
current ordering strategy
query
all entries
refine the visible subset
mobile
0

frontend-responsive

Implement mobile-first responsive designs with fluid layouts, breakpoints, relative units, and touch-friendly interfaces that work across all device sizes. Use this skill when writing or modifying React components (.tsx, .jsx files), when implementing CSS or Tailwind responsive utilities (sm:, md:, lg:, xl: breakpoints), when working on layout components, navigation menus, grid systems, when optimizing for mobile devices, tablets, or desktop screens, when implementing media queries, when ensuring touch-friendly UI elements, or when testing cross-device compatibility.

DevanB
DevanB
development
open
mobile
0

adding-animations

Add micro-interactions and animations using Framer Motion and CSS. Use when user asks about animations, transitions, hover effects, loading states, or motion design. MANDATORY for every component.

fusengine
fusengine
development
open
mobile
0

ui-patterns

Best practices and patterns for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture, composing screens, or needing component-specific guidance.

patrickserrano
patrickserrano
development
open
mobile
0

zustand

Minimalist state management with Zustand - Simple, fast state management for React. Trigger: When implementing global state, when managing client-side state, when creating stores, when using state management in React.

Dsantiagomj
Dsantiagomj
development
open
mobile
0

expo-ios-designing

Designs modern, clean iOS screens and components for Expo React Native apps following Apple HIG with safe areas, Dynamic Type, dark mode, accessibility, Liquid Glass materials, and App Store readiness.

JSBtechnologies
JSBtechnologies
development
open
mobile
0

radix-ui

Accessible headless UI components with Radix UI - Unstyled, accessible components for building design systems. Trigger: When implementing UI primitives, when building accessible components, when using Dialog/Dropdown/Popover, when working with shadcn/ui.

Dsantiagomj
Dsantiagomj
development
open
mobile
0

react

Builds user interfaces with React using components, hooks, state management, and modern patterns. Use when creating React components, managing state, handling side effects, optimizing performance, or integrating with frameworks.

mgd34msu
mgd34msu
development
open
mobile
0

navbar-animation1

Production-ready navbar animations for desktop and mobile. Use when creating animated navigation bars with scroll-triggered effects, mobile menu slide-in panels, staggered link animations, or responsive hamburger menus. Includes React/Next.js components with Tailwind CSS and pure CSS keyframe animations.

Rzempal
Rzempal
development
open
mobile
0

evade-design

Use when working on EVADE game UI, creating screens, styling components, or making visual decisions. Apply for any React Native code touching colors, typography, layouts, animations, or visual elements.

liorp
liorp
development
open
mobile
0

developing-with-react

React 18+ development with hooks, state management, component patterns, and Next.js integration. Use when building React applications or working with JSX/TSX components.

FortiumPartners
FortiumPartners
development
open
mobile
0

design-guide

Ensures modern, professional UI design across SwiftUI, Android, and web platforms. Use when building ANY user interface components including buttons, forms, cards, layouts, navigation, or complete screens. Enforces clean minimal design, neutral color palettes with one accent color, 8px grid spacing system, proper typography hierarchy, and clear interactive states. Always reference before creating or modifying UI elements.

skycruzer
skycruzer
development
open
mobile
0

web-components-architecture

Build web components using Custom Elements v1 API with Declarative Shadow DOM, attribute-driven state, handleEvent pattern, and zero DOM selection. Use when creating custom elements, extending built-in HTML elements, or implementing component-based architecture. NO querySelector, NO innerHTML, NO external libraries - pure web platform APIs only.

matthewharwood
matthewharwood
development
open
mobile
0

tdesign-miniprogram

TDesign Mini Program UI component library by Tencent. Use for building WeChat mini apps with TDesign components, design system, and best practices.

joneqian
joneqian
development
open
mobile
0

swiftui-ui-patterns

Best practices and example-driven guidance for building SwiftUI views and components. Use when creating or refactoring SwiftUI UI, designing tab architecture with TabView, composing screens, or needing component-specific patterns and examples.

cemege
cemege
development
open
mobile
0

building-ui

Expo Router UI implementation guide. Use for Expo-specific components, navigation setup, native tabs, and implementation patterns.

0xabrar
0xabrar
development
open
mobile
0

headless-ui

Builds accessible UI components with Headless UI primitives for React and Vue. Use when creating custom-styled dropdowns, modals, tabs, or other interactive components with full accessibility support.

mgd34msu
mgd34msu
development
open
mobile
0

vuejs-patterns

Vue.js 3 Composition API patterns and best practices. Use when creating Vue components, composables, or any reactive frontend code with Vue.js.

omanjaya
omanjaya
development
open
mobile
0

expo-component

Expo/React Native 컴포넌트 작성 가이드. 모바일 앱 UI 컴포넌트 생성, 수정, 스타일링 관련 질문 시 사용.

jj8127
jj8127
development
open
mobile
0

react-ui-patterns

Provide concrete, example-driven guidance for React UI composition, state, routing, and component patterns in a TypeScript + Tailwind + Radix stack.. Use when Building or refactoring React screens and components..

jscraik
jscraik
development
open
mobile
0

navigation-menus

Modern SwiftUI navigation patterns, NavigationStack, NavigationSplitView, TabView, toolbars, context menus, and router patterns. Use when user asks about navigation, NavigationStack, TabView, menus, toolbars, routing, or deep linking.

bluewaves-creations
bluewaves-creations
development
open
mobile
0

sikhaid-data

Use when working with data, state management, Firebase, or Firestore in SikhAid project. Covers Svelte stores, data flow patterns, Firebase initialization, Firestore CRUD operations, and data types.

the-non-expert
the-non-expert
development
open
mobile
0

react-native

React Native mobile development with core components, navigation, and platform-specific patterns

enact-on
enact-on
development
open
mobile
0

react-native-component-generator

Generate React Native components with TypeScript, styling, and platform-specific code. Triggers on "create react native component", "generate rn component", "mobile component", "react native screen".

ehtbanton
ehtbanton
development
open
mobile
0

composable-svelte-navigation

Navigation and animation patterns for Composable Svelte. Use when implementing modals, sheets, drawers, alerts, navigation flows, or component lifecycle animations. Covers state-driven navigation, PresentationState, parent observation, URL routing, and Motion One integration.

jonathanbelolo
jonathanbelolo
development
open
Previous
Page 84 / 98
Next