Skills
.Work. You
Rest

theme-development

Official

Build and configure HubSpot CMS themes.

Software Engineering#templates#frontend#web design#hubspot#cms#theme development#sections
AuthorGolfNext
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill streamlines the creation and customization of HubSpot CMS themes, enabling developers to build visually consistent and functional websites with greater efficiency.

Core Features & Use Cases

  • Theme Structure: Understand and implement the standard directory structure for HubSpot themes, including theme.json, fields.json, templates, modules, sections, CSS, and JS.
  • Configuration: Define theme-level settings (colors, typography, layout) using fields.json and access them within templates.
  • Layouts & Sections: Create reusable page layouts and drag-and-drop sections for content editors.
  • Global Content: Implement global modules for consistent headers, footers, and other site-wide elements.
  • Use Case: Develop a new branded theme for a client, defining all their brand colors, fonts, and layout options in fields.json, and then build out reusable hero and feature sections for content editors to use on various pages.

Quick Start

Create a new HubSpot theme by defining the theme.json and fields.json files, and setting up a base layout template.

Dependency Matrix

Required Modules

None required

Components

scriptsreferences

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: theme-development
Download link: https://github.com/GolfNext/golfnext-tool-kiosk-support-page/archive/main.zip#theme-development

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.