skills.rest
hanialshater
hanialshaterCOMMUNITY
Explore all skills by this author →
GitHub

edu-demo-evaluator

Execute predefined test cases against a real browser to evaluate educational demos.

Updated May 24, 2025
Search Tags:#benchmarking#quality-assurance#browser-automation#educational-demo#end-to-end-testing#learning-outcomes
One-click install
npx skills add https://github.com/hanialshater/nextjs-blog-hani --skill edu-demo-evaluator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: edu-demo-evaluator
Source: https://github.com/hanialshater/nextjs-blog-hani/tree/main/skills/edu-demo-evaluator
Command: npx skills add https://github.com/hanialshater/nextjs-blog-hani --skill edu-demo-evaluator

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Evaluate educational demos using real browser interactions to automatically validate learning outcomes, reducing manual review time.

Core Features & Use Cases

  • Test case driven evaluation: Executes predefined test cases from test_cases.json against a live browser.
  • Screenshot capture & benchmarking: Captures visuals during evaluation and compares against a benchmark to assess educational quality.
  • Learning outcome verification: Analyzes results to confirm that intended learning outcomes are demonstrated.

Quick Start

Place a problem directory containing an agent HTML/demo page and a test_cases.json file, then run the evaluator using the provided Chrome-based automation toolchain to execute tests, capture screenshots, and generate a results JSON.

Frequently Asked Questions about edu-demo-evaluator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate end-to-end testing for educational demos in a browser?▼

Automate end-to-end testing for educational demos by executing predefined test cases from test_cases.json against a live browser. This validates learning outcomes by driving automated interactions and capturing screenshots to assess educational quality.

What is browser-based benchmarking for learning outcomes?▼

Browser-based benchmarking for learning outcomes captures visuals during live evaluation and compares them against optional benchmark assets. This verifies that an educational demo effectively demonstrates its intended teaching goals.

Do I need a Chrome-based environment to run browser automation for educational demos?▼

Yes, you need a Chrome-based evaluation environment and the mcp__claude-in-chrome__ toolchain to drive automated interactions. These components execute test cases and capture screenshots during the evaluation process.

How do I validate educational demos using test_cases.json?▼

Validate educational demos by placing your HTML demo file and test_cases.json in a problem directory. The evaluator executes the defined test cases against the live browser to generate a results JSON.

Can I compare screenshots against benchmark assets during end-to-end testing?▼

Yes, you can compare screenshots against benchmark assets during end-to-end testing. The evaluator captures visuals during automated browser interactions and compares them to assess educational quality.

Related Skills

Explore More Education & Research Skills→
hanialshaterhanialshater

edu-demo-evaluator-tests

Automate Chrome E2E testing of educational demos and generate per-agent results.

Community
Intermediate
hanialshaterhanialshater

edu-demo-test-cases

Generate structured test_cases.json files for educational demo validation.

Community
Intermediate
krzemienskikrzemienski
2

playwright-validation

Execute Playwright browser validation with visual evidence and DOM snapshots.

Community
Advanced
hanialshaterhanialshater

edu-demo-evaluator-free

Evaluate educational demos qualitatively and output agent_X_free_eval.json.

Community
Basic