the-vm-standard

Community

Enforce robust View Model architecture.

Authorfront-depiction
Version1.0.0
Installs0

System Documentation

What problem does it solve?

The VM Standard defines inviolable covenants governing View Model architecture to ensure consistency, maintainability, and proper separation of concerns across all UI-related code. It prevents divergence in VM definitions and enforces a uniform pattern for live/test layers, atom usage, and tagging.

Core Features & Use Cases

  • Enforces single-file View Model definitions following the {ComponentName}.vm.ts naming convention.
  • Provides a canonical Layer structure with live and test variants and namespace import patterns.
  • Prohibits business logic in View Models; delegates to services and exposes reactive UI bindings.
  • Useful for teams building robust UI architectures, enabling reliable testing and production readiness.

Quick Start

Create a new VM following the canonical template and export it with live/test variants as shown in the template. Ensure the VM resides in a single file named {ComponentName}.vm.ts and that the default export uses VMRuntime.key with live and test variants.

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: the-vm-standard
Download link: https://github.com/front-depiction/claude-setup/archive/main.zip#the-vm-standard

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.