Create Feature Component

Scaffold a complete React UI feature by providing a feature name and library location to generate a ViewModel with MobX state management, an observer-wrapped View component, and unit tests following Phoenix MVVM patterns, reducing boilerplate code.

Yes. MobX integrates with React through observer-wrapped components that automatically re-render when state changes. This Skill generates observer Views paired with MobX ViewModels for reactive state management in UI features.

Scaffolding generates a ViewModel with MobX state and computed properties, a React observer View component, unit tests for the ViewModel, optional display registration, and barrel exports for quick integration into your Phoenix framework.

No. This Skill eliminates repetitive boilerplate by automatically generating complete MVVM feature structure—ViewModel, View, and tests—following established Phoenix patterns, so you focus on feature logic instead of scaffolding.

Structure state with a MobX ViewModel containing properties and actions, wrap your React View component with observer to bind it to ViewModel state, and include unit tests. This Skill generates this complete structure for configuration components and UI panels.

Unit tests are generated for the ViewModel to validate MobX state, computed properties, and actions, ensuring state transitions and business logic work correctly before integration with the React View component.