widget-analyzer

Analyze Quarto lecture chapters to produce prioritized HTML widget specifications.

Updated May 10, 2026
One-click install
npx skills add https://github.com/c-kraus/thws-skills --skill widget-analyzer
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: widget-analyzer
Source: https://github.com/c-kraus/thws-skills/tree/main/widget-analyzer
Command: npx skills add https://github.com/c-kraus/thws-skills --skill widget-analyzer

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It helps you find where interactive HTML widgets can improve student understanding in Quarto lecture chapters, instead of relying on guesswork or manual brainstorming.

Core Features & Use Cases

  • Widget opportunity analysis: Scans a .qmd chapter to detect process/workflow steps, dependency relationships, and parameter-variation concepts that benefit from interactivity.
  • Didactically grounded specifications: Produces concrete, implementation-ready widget specs (category, priority, interaction behavior, placement, and iframe-ready integration text).
  • Integration-ready workflow: Prepares outputs meant to be implemented by the html-builder skill and embedded back into the lecture via iframes.

Use cases: When preparing a lecture update, enhancing difficult topics with visuals, or generating a prioritized widget backlog from an existing .qmd chapter.

Quick Start

Use widget-analyzer to analyze your uploaded .qmd lecture chapter and return prioritized widget specifications tailored for iframe-based integration.

Frequently Asked Questions about widget-analyzer

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

FAQPage Schema
How do I identify where to add interactive HTML widgets in Quarto lecture chapters?

To identify interactive HTML widget opportunities in Quarto lecture chapters, analyze .qmd content for processes, dependency relationships, or parameter-dependent outcomes where students struggle and interactive exploration would improve comprehension.

What is the best way to generate widget specifications for didactic design in Quarto?

Generating widget specifications for didactic design involves scanning .qmd lecture chapters to detect workflow steps and parameter variations, then producing prioritized, implementation-ready specs with category, interaction behavior, and placement details.

Can I integrate interactive HTML widgets into Quarto using iframes?

Yes, you can integrate interactive HTML widgets into Quarto using iframes. The analysis produces iframe-ready integration text and implementation guidance to embed interactive visualizations directly back into lecture chapters.

How do I prioritize which lecture topics need interactive visualizations the most?

To prioritize lecture topics for interactive visualizations, analyze the .qmd chapter for didactically valuable opportunities where students struggle with complex processes, yielding a prioritized widget backlog based on comprehension impact.

Does widget analysis work without external dependencies or libraries?

Widget analysis works without external dependencies, operating directly on uploaded .qmd lecture chapter files to extract didactic opportunities and produce self-contained widget specifications mapped to specific chapter locations.

How do I implement the widget specifications after analyzing a Quarto lecture chapter?

To implement widget specifications after analyzing a Quarto lecture chapter, pass the generated prioritized specs to an html-builder skill, which constructs the interactive HTML elements for iframe embedding back into the lecture.