isee-worksheet

Builds and maintains HTML ISEE math practice worksheets with grading scripts and SVG diagrams.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/feielephant/HannahISEEMath --skill isee-worksheet-feielephant
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: isee-worksheet
Source: https://github.com/feielephant/HannahISEEMath/tree/main/.claude/skills/isee-worksheet
Command: npx skills add https://github.com/feielephant/HannahISEEMath --skill isee-worksheet-feielephant

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires jsdom.

What problem does it solve? Maintaining a growing set of static HTML math practice worksheets involves recurring pitfalls: stale answer keys, SVG label clipping, grading-script bugs, and answer data leaking into pages meant to hide it. This Skill encodes the repo's conventions, build procedures, and hard-won bug fixes so every new or edited worksheet stays consistent and correct. ## Core Features & Use Cases - Redo-set generation: Rebuild missed problems with fresh numbers, independently re-solved in Python, with correct answers moved to different multiple-choice letters. - SVG diagram verification: Structural margin computation, QuickLook rendering checks, and content-level validation so diagrams neither clip labels nor give away the solving strategy. - No-self-check split: Separate worksheets from -answer-key.html files so answer data never ships in the student-facing page, verified by grep checks. - Use Case: A parent pastes a block of problems a student missed on a graded run; the Skill dedupes them, generates fresh-number variants with re-derived answers, groups them by ISEE strand, validates the JS with jsdom, and publishes the file to the repo and GitHub Pages. ## Quick Start Ask the assistant to build a new redo worksheet from the problems Hannah missed in her latest graded session, using fresh numbers and test mode.

Frequently Asked Questions about isee-worksheet

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

FAQPage Schema
How do I create a redo worksheet from problems a student missed?

Extract and dedupe the missed problems, generate fresh numbers, and independently re-solve each one in a Python script before writing any HTML. Move the correct choice to a different letter than the source file, reuse the existing CSS and grading template, then run the jsdom test checklist before publishing.

How do I hide answers from a self-grading HTML worksheet?

Removing the Submit button is not enough because answers sit in the page's script as plain JS objects. Split into two files: the worksheet keeps only answer-recording logic, and a separate -answer-key.html holds the correct letters and explanations, verified with grep returning zero matches for ANSWERS.

Why do SVG diagram labels clip at the viewBox edge?

Clipping comes from hardcoded pixel offsets that ignore actual label text width. Compute margins from an estimated width of each label string and derive the viewBox from those margins, then render the SVG with qlmanage and visually inspect it before shipping.

How do I split a large worksheet into daily practice files?

Distribute problems round-robin over their natural order (day[i % N]) rather than in sequential chunks, so each day mixes topics instead of clustering one subject. Each daily file needs its own STORAGE_KEY and TOTAL count.

What are the limitations of the numeric answer grading?

The parseNum function only reads a single decimal value after stripping currency and percent symbols, so compound-unit answers like "3 hours 15 minutes" cannot be graded. Problems with multiple valid answer formats should be built as multiple-choice instead of blank numeric inputs.