Skills
.Work. You
Rest

fosmvvm-react-view-generator

Community

Auto-generate React ViewModelViews for FOSMVVM.

Software Engineering#testing#react#code-generation#viewmodel#binding#FOSMVVM#UI-component
Authorfoscomputerservices
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill streamlines the creation of React UI components that render ViewModels using FOSMVVM patterns, eliminating repetitive boilerplate and ensuring consistency across views.

Core Features & Use Cases

  • Automated View: Generates a React component aligned to a given ViewModel and its server interactions.
  • Tests First: Produces a corresponding .test.js to validate rendering and interactions.
  • Use Case: Build a new screen by describing a ViewModel, then generate a ready-to-use view and tests following the FOSMVVM conventions.

Quick Start

Run the fosmvvm-react-view-generator to create a new React view for a specified ViewModel. Then integrate the generated {ViewName}View.jsx and {ViewName}View.test.js into your project under src/components/{Feature}/.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: fosmvvm-react-view-generator
Download link: https://github.com/foscomputerservices/FOSUtilities/archive/main.zip#fosmvvm-react-view-generator

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.