Setup & Installation
Or with the ClawHub CLI, for registry-managed skill folders outside a full OpenClaw workspace:
What This Skill Does
Generates Leaf templates for FOSMVVM web applications. Covers full-page views that extend a base layout and fragment templates returned via HTML-over-the-wire for partial DOM updates. Templates render pre-localized ViewModels, so the template just displays what it receives.
Enforcing a one-to-one filename match between ViewModel and Leaf template eliminates the lookup problem where developers must guess which template renders a given ViewModel.
When to use it
- Creating a new feature page that extends the base layout
- Building a card fragment for drag-and-drop kanban updates
- Adding data-* attributes so JavaScript can build server request payloads
- Troubleshooting Localizable types rendering as raw structs in templates
- Generating fragment templates for modal and inline component responses
Example Workflow
Here's how your AI assistant might use this skill in practice.
User asks: generate a fragment template for TaskCardViewModel with id, status enum, statusDisplay, and createdAt
- 1Identify template type as fragment based on CardViewModel suffix
- 2Map id to data-task-id attribute for JS identification
- 3Map status enum to data-status attribute for raw server request values
- 4Map statusDisplay and createdAt as inline text using ViewModel properties
- 5Output fragment with single root element, no layout extension, and all state in data-* attributes
A TaskCardView.leaf fragment with correct data attributes, localized display values from ViewModel properties, and no #extend("base") call