Generates a branded HTML page from page category, pasted content, and name. Auto-selects components from design system and brand philosophy, saves page and components to project directories.
From brand-content-designnpx claudepluginhub camoa/claude-skills --plugin brand-content-designQuick-create a branded HTML page with minimal interaction. Auto-selects component variants, uses default presets, and lets you paste all content at once.
brand-philosophy.md/design-html first)Search for brand-philosophy.md using standard project detection order. Set PROJECT_PATH.
Search for HTML design systems:
find {PROJECT_PATH}/templates/html -maxdepth 2 -name "design-system.md" 2>/dev/null
If none — tell user to run /design-html first.
If one — auto-select.
If multiple — ask which one.
Load design-system.md + canvas-philosophy.md + brand-philosophy.md.
AskUserQuestion: "What type of page?"
(Uses default component sets for the selected category. Auto-adds nav + footer.)
AskUserQuestion: "Paste your page content below. Include headings, descriptions, feature lists, testimonials — everything for the page."
Parse the pasted content and automatically:
components/ for reusable componentsAskUserQuestion: "Page name? (used for file naming)"
Before invoking the skill, read these reference files from the html-generator skill directory ($BRAND_CONTENT_DESIGN_DIR/skills/html-generator/references/):
references/html-technical.md — Boilerplate, metadata format, file structurereferences/html-components.md — 15 component types with HTML/CSS patternsreferences/html-design-guide.md — Design philosophy and content type guidereferences/web-style-constraints.md — Style enforcement blocksIf $BRAND_CONTENT_DESIGN_DIR is not set, find it:
find ~/.claude -path "*/brand-content-design/skills/html-generator/references" -type d 2>/dev/null | head -1
Invoke the html-generator skill with:
Save new components to templates/html/{name}/components/.
Save page to html-pages/{YYYY-MM-DD}-{page-name}/{page-name}.html.
Update design-system.md Generated Components section.
Tell user:
html-pages/{YYYY-MM-DD}-{page-name}/{page-name}.htmlcomponents/design-system.md (Generated Components section)