Generating HTML
Installation
SKILL.md
Create journey-focused HTML documents that guide users from context → insight → action.
Workflow (MANDATORY)
- Setup:
mkdir -p claude_files/html - Read template:
${CLAUDE_PLUGIN_ROOT}/templates/html/base-template.html - Write entire template to
claude_files/html/{description}.html(no modifications) - Edit
{{TITLE}}→ actual title - Edit
<!-- ===== CONTENT GOES HERE ===== -->→ actual content - Open:
open claude_files/html/{description}.html
Violations → STOP:
- Writing
<!DOCTYPE html>manually - Writing
<style>tags - Generating HTML from scratch
- Using hardcoded colors
- Skipping Read step