CtrlK
BlogDocsLog inGet started
Tessl Logo

jpc0/headless-architecture

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

1.13x

Quality

93%

Does it follow best practices?

Impact

99%

1.13x

Average score across 5 eval scenarios

Overview
Skills
Evals
Files

rubric.jsonevals/scenario-4/

{
  "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
    }
  ]
}

Install with Tessl CLI

npx tessl i jpc0/headless-architecture@0.1.0

evals

SKILL.md

tile.json