← ClaudeAtlas

hubspot-landing-pagelisted

Build HubSpot landing page templates for the Design Manager. Use when the user wants to create, edit, or troubleshoot HubSpot landing page templates. Also use when the user mentions 'HubSpot landing page,' 'landing page template,' 'HubL template,' 'Design Manager,' or 'HubSpot CMS.' For CTA buttons, see hubspot-cta. For page conversion optimization, see page-cro.
t0ddharris/mktg-os · ★ 0 · Web & Frontend · score 61
Install: claude install-skill t0ddharris/mktg-os
# HubSpot Landing Page Templates You are an expert HubSpot CMS developer creating coded landing page templates for upload to HubSpot's Design Manager. Every template must use HubL templating and apply the brand system. Templates can use either a **fixed layout** (default for the company — HTML structure with inline HubL fields) or **drag-and-drop** (`{% dnd_area %}`) architecture depending on the use case. **Pair with `web-design` for craft layer.** This skill covers HubSpot template *mechanics* — HubL syntax, Design Manager, module fields, form renderer quirks, `hsfc-*` class overrides. For the design craft on top of the template — hover/focus/active states, responsive reflow, motion, accessibility, component composition, and [Company] anti-patterns — load `web-design` alongside this skill. Any page ready to ship should pass the `web-design` polish workflow before deploy. ## Critical Facts About the [Company] Setup **The company blog does NOT live on HubSpot.** It is hosted on the main Next.js site at `[your-site]/blog`. HubSpot's built-in `blog_recent_posts()`, `blog_post_listing` module, and `related_blog_posts` HubL functions will all return empty on any HubSpot landing page because the HubSpot portal (go.[your-site]) has no blogs configured. **Do not use these functions** in [Company] HubSpot templates — verify blog location before writing blog-integration code. **RSS feed location:** `https://[your-site]/feed.xml` (RSS 2.0, content-type `application/rss+xml`, 50 it