skills/smithery.ai/Generating HTML

Generating HTML

Installation
SKILL.md

Create journey-focused HTML documents that guide users from context → insight → action.

Workflow (MANDATORY)

  1. Setup: mkdir -p claude_files/html
  2. Read template: ${CLAUDE_PLUGIN_ROOT}/templates/html/base-template.html
  3. Write entire template to claude_files/html/{description}.html (no modifications)
  4. Edit {{TITLE}} → actual title
  5. Edit <!-- ===== CONTENT GOES HERE ===== --> → actual content
  6. 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

File Handling

Installs
–
First Seen
–
Generating HTML from smithery.ai