vincenthan2012-hub/readingtext2html
Developer toolsThis page was translated automatically. Technical details may differ from the original. View the original
Translate English reading materials (textbook screenshots, original paragraphs, OCR texts, etc.) into a complete interactive teaching product: +, build once, output in two copies.
Overview
Translate English reading materials (textbook screenshots, original paragraphs, OCR texts, etc.) into a complete interactive teaching product: +, build once, output in two copies. - Creating from textbook screenshots or reading passages - requires three-stage interactive HTML courseware - needs to match the courseware content (workbook) - users mention: reading courseware, interactive reading lessons, worksheets, workbooks, textbook screenshots converted to courseware This skill can be used with any AI programming assistant that supports **. You only need to provide reading materials, and the agent will generate JSON according to the SKILL.md and execute the build script. 1. — Upload a screenshot of the textbook, paste the original English text, or specify the path to an existing text file. 2. — Generate content.json + worksheet.json, then run scripts/build.js. 3. — Run scripts/validate.js, open the generated HTML in your browser More complete platform descriptions (including Workbuddy enterprise upload ZIP, Codex automated pipelines, etc.) are below. Use in common platforms and agents. 1. — Plain text, screenshot OCR, or structured notes are all acceptable. 2. — Write the build product to the specified folder - First, extract structured content from the screenshots, - Workbook questions must be based on the language content of the reading segment (Power Words, Phrases, Structures, Text Structure mind maps) - references/lesson-schema.md — courseware structure - references/worksheet-schema.md — workbook structure
Overview (machine translated)
Version: 1.5.9
Skill Name: reading-courseware
Transform English reading materials (textbook screenshots, original paragraphs, OCR texts, etc.) into a complete set of interactive teaching products: Pre / While / Post interactive courseware + Supporting student workbook, build in one go, output in two copies.
Applicable Scenarios
Enable this skill for the following needs:
- Create Reading courseware from textbook screenshots or reading passages
- Requires pre-read/in-reading/post-reading three-stage interactive HTML courseware
- Student Worksheet that must match the courseware content
- Users mentioned: reading courseware, interactive reading classes, worksheets, workbooks, textbook screenshots converted to courseware
Not Suitable For: Non-English reading classes, freely handwritten HTML pages, CSS/JS frameworks generated from scratch.
Quick Hands-On: How to Call It
This skill can be used in any AI programming assistant that supports reading files + running terminal commands. You only need to provide reading materials, and the agent will generate JSON and execute the build script by pressing SKILL.md.
Three-Step Process:
- Prepare materials — Upload a screenshot of the textbook, paste the original English text, or specify the path to an existing text file
- Let the Agent generate and build — Generate
content.json+worksheet.json, runscripts/build.js - Acceptance of Products — Run
scripts/validate.jsand open the generated HTML in your browser
Front dependency: Node.js >=18
How to Call It on Different Platforms
| Platform | Where to place Skill | How to evoke |
|---|---|---|
| Cursor | .cursor/skills/reading-courseware/ |
In the dialogue, @reading-courseware, or directly describe the requirement (the Agent will automatically match) |
| Workbuddy | Upload the skill to “skills” | Use “/” in conversation to call the skill, upload screenshots or read text |
| Codex / Codex CLI | Any path within the project, or write SKILL.md into System Prompt |
Specify the skill path in the task, and after outputting JSON, execute build.js |
| Claude Code | Any path in the project root directory | Just say ‘Use reading-courseware to convert a certain file into courseware’ |
| Other Agents (Windsurf, Cline, etc.) | Same as above | Have the Agent read SKILL.md and execute the process according to the process |
This page was translated automatically. Technical details may differ from the original.
Recommended Tools
Try a different keyword or remove a filter.
Install
npx skillfish add vincenthan2012-hub/readingtext2html