the-vm-standard
CommunityEnforce robust View Model architecture.
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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.