skills.rest
cynthiateeters
cynthiateetersCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

station-content

Validate station HTML for six required sections in correct order.

Updated Oct 25, 2025
Search Tags:#html#accessibility#validation#structure#learning-lab
One-click install
npx skills add https://github.com/cynthiateeters/hybit-svg --skill station-content
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Education & Research Skills→
cynthiateeterscynthiateeters

Station content structure

Validate HAP Learning Lab station HTML structure and required section order.

Community
Basic
cynthiateeterscynthiateeters

Demo builder

Generate standardized HTML, CSS, and JavaScript patterns for HAP Learning Lab demos.

Community
Basic
leboncoinleboncoin
92

check-accessibility

Automate WCAG 2.1 AA accessibility testing of Spark UI components with Playwright.

Official
Intermediate
tangchunwutangchunwu
1

create-prd

Generate a comprehensive PRD using an 8-section template.

Community
Advanced