station-content

Validate station HTML for six required sections in correct order.

Updated Oct 25, 2025

Search Tags:#html #accessibility #validation #structure #learning-lab

Ready to run

npx skills add https://github.com/cynthiateeters/hybit-svg --skill station-content

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: station-content
Source: https://github.com/cynthiateeters/hybit-svg/tree/main/.claude/skills/station-content
Command: npx skills add https://github.com/cynthiateeters/hybit-svg --skill station-content

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill validates and enforces a 6-section station HTML structure with correct ordering, ensuring accessibility and consistency across Stations.

Core Features & Use Cases

Structure validation: Ensures the station contains the 6 required sections in the correct order: Header, Top navigation, "What You'll Learn", Main content sections, Bottom navigation, and Footer.
Ordering consistency: Enforces identical section ordering across stations for a uniform learning experience.
Progressive validation steps: Guides content teams through step-by-step checks to guarantee accessibility and learnability.

Quick Start

Apply this Skill to a station HTML file to validate its structure and receive guidance on any deviations.

Frequently Asked Questions about station-content

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

FAQPage Schema

How do I validate HTML structure for accessibility in learning stations?▼

Station-content validates HTML structure to ensure all six required sections are present in correct order with proper accessibility features, heading hierarchy, and HAP components. This enforces consistent, accessible station layouts across learning labs.

What are the six required sections in a station HTML structure?▼

The six required sections are Header, Top navigation, What You'll Learn (with three insight cards), Main content sections (2–4 teaching sections), Bottom navigation, and Footer. Station-content verifies each section exists in this exact order.

Can I use station validation during content editing and pre-commit checks?▼

Yes. Station-content runs during station page creation, editing, pre-commit checks, and completeness reviews to catch structure deviations early and maintain consistency across all station pages.

How does station validation enforce content patterns?▼

Station-content checks that What You'll Learn contains exactly three insight cards, main content includes 2–4 teaching sections, and required sections like Try It Yourself and Quick Reference follow the correct sequence.

What happens if my station HTML structure doesn't match the required order?▼

Station-content identifies missing, misordered, or incorrectly structured sections and provides guidance on deviations. A reproducible command compares your station ordering against the required structure.