lms-mobile-ui-pipeline
CommunityDefines a consistent UI architecture for React Native LMS apps.
Design & Creative#visual consistency#navigation#react native#ui architecture#expo router#list virtualization#component pattern
Authorraomanzar
Version1.0.0
Installs0
System Documentation
What problem does it solve?
It ensures a standardized, scalable UI development process for mobile LMS applications, simplifying design implementation and maintenance.
Core Features & Use Cases
- UI Architecture Specification: Outlines a layered approach with tokens, styles, and runtime styles for React Native components.
- Component Pattern: Provides templates and best practices for building modular, memoized, and style-consistent components.
- Navigation & Layout: Defines a structured two-layer navigation system using Expo Router, with custom headers and modals.
- List & Sheet Management: Standardizes virtualization, pull-to-refresh, modal sheets, and swipe actions for interactive lists.
- Design Token Usage: Recommends strict token discipline to maintain visual consistency across components and screens.
Quick Start
When building a new component, follow the template to import theme tokens, define styles with StyleSheet.create, ensure memoization for list items, and integrate with Expo Router navigation.
Dependency Matrix
Required Modules
None requiredComponents
scriptsreferences
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: lms-mobile-ui-pipeline Download link: https://github.com/raomanzar/TuitionalLMSMobile/archive/main.zip#lms-mobile-ui-pipeline Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.