Generating HTML

Generating HTML creates journey-focused HTML documents that automatically organize content into hook, context, insight, evidence, and action sections. This guides readers through a logical narrative arc from introduction to actionable next steps, ideal for technical comparisons, planning documents, and content-driven web pages.

Yes. The Skill generates HTML with built-in CSS variables that ensure readability in both light and dark themes. It avoids hard-coded colors and inline styles, letting dark mode work seamlessly across environments.

Use the template-based workflow to draft content organized by journey stages: hook, context, insight, evidence, and action. The Skill enforces a Read → Write → Edit cycle, letting you plan and refine before finalizing the output file.

The Skill outputs HTML files to claude_files/html in lowercase kebab-case naming. It preserves CSS structure, uses CSS variables for theming, and requires title and content edits before opening the final file.

Use journey-focused HTML when you need to guide readers through a deliberate narrative—technical documentation, comparison pages, onboarding content, or decision-making flows where context and evidence lead to clear action.

No. The Skill provides curated templates that handle structure and styling automatically. You supply the content for each narrative section; the template manages layout, dark mode CSS, and file output formatting.