Use this skill whenever the user discusses application architecture, clean architecture, separating business logic from UI, or cross-platform/WASM-based development. It enforces the 'Headless Core & Passive View' pattern, ensuring that the 'Core' (Business Logic) is platform-agnostic and the 'View' (UI) is a 'Humble Object' that only reflects state.
95
Quality
93%
Does it follow best practices?
Impact
99%
1.13xAverage score across 5 eval scenarios
{
"context": "Evaluates whether the agent correctly refuses to put business logic in the UI and instead moves it to the Core, providing a clean ViewModel property for the View.",
"type": "weighted_checklist",
"checklist": [
{
"name": "Refused UI logic",
"description": "Agent explicitly refuses to put the age-checking logic (age < 18) in the UI component as requested",
"max_score": 25
},
{
"name": "Age check in Core",
"description": "The logic for age validation (checking if age < 18) is added to the /core layer instead",
"max_score": 25
},
{
"name": "Updated ViewModel",
"description": "The ViewModel/DTO is updated with a property like 'isMinor' or 'showAgeWarning' calculated in the Core",
"max_score": 25
},
{
"name": "Humble UI update",
"description": "The UI component is updated to only render the warning based on the ViewModel property, without performing the age calculation itself",
"max_score": 25
}
]
}