skills.rest
fukukei23
fukukei23COMMUNITY
Explore all skills by this author →
WebsiteGitHub

textbook-guide

Create single-file HTML learning guides with accordion sections and theme support.

Updated Mar 26, 2026
Search Tags:#education#documentation#html#tutorial#github-pages#accordion
One-click install
npx skills add https://github.com/fukukei23/claude-config --skill textbook-guide
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: textbook-guide
Source: https://github.com/fukukei23/claude-config/tree/main/.claude/worktrees/make-song-analyze-song-bridge/skills/textbook-guide
Command: npx skills add https://github.com/fukukei23/claude-config --skill textbook-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill streamlines the creation and expansion of interactive textbook-style guide websites by turning educational content planning into a structured HTML publishing workflow.

Core Features & Use Cases

  • Interactive Guide Creation: Builds single-file HTML guides with accordion sections, theme switching, and consistent educational layouts.
  • Guide Expansion Workflow: Adds new chapters to existing textbook, vocabulary, tutorial, and cheat-sheet style resources while preserving design conventions.
  • Publishing Support: Coordinates GitHub Pages updates, navigation links, and repository documentation records for maintained guide collections.

Quick Start

Use the textbook-guide skill to create a new interactive vocabulary guide website with chapters, a dark mode toggle, and GitHub Pages publishing support.

Frequently Asked Questions about textbook-guide

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

FAQPage Schema
How do I create an interactive HTML learning guide from structured educational content?▼

To create an interactive HTML learning guide, you can generate a single-file HTML document with accordion sections, theme switching, and consistent layouts. This process turns structured educational content into a navigable, textbook-style website.

Can I add new chapters to an existing tutorial website without breaking the layout?▼

Yes, you can add new chapters to existing tutorial, vocabulary, or cheat-sheet style guides. The workflow preserves design conventions and updates navigation links, maintaining the original accordion interface and theme structure.

Does this workflow support publishing interactive documentation to GitHub Pages?▼

Yes, the workflow supports GitHub Pages publishing by coordinating updates to repository documentation records and navigation links. It ensures the single-file HTML guide is properly linked and deployed within your maintained guide collections.

What is the best way to build a single-file HTML vocabulary book with dark mode support?▼

The best way to build a single-file HTML vocabulary book with dark mode is to use a workflow that applies theme switching and accordion interfaces to structured content. This produces a standalone interactive educational resource.

How do interactive accordion sections work in single-file HTML educational guides?▼

Accordion sections in single-file HTML educational guides work by collapsing and expanding content blocks within the document. This interactive interface allows users to navigate complex structured educational material efficiently without loading multiple pages.

Do I need multiple HTML files to build a multi-chapter cheat sheet website?▼

No, you do not need multiple HTML files to build a multi-chapter cheat sheet website. The workflow generates a single-file HTML guide with internal navigation linking, allowing all chapters to reside within one interactive document.

Related Skills

Explore More Software Engineering Skills→
shuff57shuff57

book-publish

Publish verified HTML textbook pages to GitHub Pages from bookSHelf projects.

Community
Intermediate
ThalesGroupThalesGroup
19

docs-publish-github-pages

Inspect and patch GitHub Pages docs publishing workflows.

Official
Advanced
zzafergokzzafergok
1

markdown-to-html-skill

Convert Markdown documents to HTML using marked.js, pandoc, gomarkdown, or static site generators.

Community
Intermediate
forgivesam168forgivesam168
2

markdown-to-html

Convert Markdown documents to HTML using marked.js, pandoc, or gomarkdown.

Community
Intermediate