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

html-guide

Create compliant HTML documentation pages with CSS variables and validation requirements.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill prevents inconsistent HTML chapter creation by enforcing project-specific styling, accessibility, theme support, and validation rules for interactive documentation pages.

Core Features & Use Cases

  • HTML Page Standards: Applies CSS variable usage, dark/light mode compatibility, inline code styling, and visual consistency requirements when adding new documentation pages.
  • Documentation Workflow Guidance: Guides chapter creation, index updates, navigation linking, testing, and release preparation for claude-code-guide documentation.
  • Use Case: When adding an interactive chapter to a documentation site, use this Skill to create a compliant HTML page that passes project checks and integrates correctly with existing content.

Quick Start

Use the html-guide skill to create a new interactive HTML chapter following the project's documentation rules.

Frequently Asked Questions about html-guide

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

FAQPage Schema
How do I create HTML documentation pages with consistent styling and accessibility?▼

Create compliant HTML documentation pages by enforcing CSS variable usage, inline code styling, and theme compatibility rules to maintain visual consistency and accessibility across interactive chapters.

How do I add an interactive chapter to an existing documentation site?▼

Add an interactive chapter by creating a compliant HTML page, updating the documentation index, maintaining navigation links, and running CI test workflows to verify project integration.

Does this HTML documentation workflow support dark and light mode themes?▼

Dark and light mode theme compatibility is supported by applying CSS variable conventions, ensuring interactive documentation pages render correctly across different theme preferences.

What is the best way to maintain navigation when updating web-based documentation guides?▼

Maintain navigation by updating the documentation index and linking new interactive HTML chapters correctly, preparing the web-based guides for release while passing project validation checks.

Why do my new HTML documentation pages fail CI testing workflows?▼

HTML documentation pages fail CI testing when they violate forbidden content checks, ignore CSS variable conventions, or lack theme compatibility, preventing successful project validation and release.

Can I use this approach to prepare interactive guides for claude-code documentation?▼

Interactive guides for claude-code documentation are supported by guiding chapter creation, applying HTML page standards, and preparing release-ready content that passes project-specific validation requirements.

Related Skills

Explore More Software Engineering Skills→
zaid-khan-codezaid-khan-code
3

shadcn-ui-setup

Set up Shadcn UI components with dark mode in Next.js.

Community
Intermediate
kis9akis9a

doc-generator

Generate and update Go documentation from source code.

Community
Advanced
Coffelix2023Coffelix2023
1

code-documenter

Generate inline code documentation, API specifications, and developer guides.

Community
Intermediate
zzafergokzzafergok
1

markdown-to-html-skill

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

Community
Intermediate