Cursor-oppsett for HubSpot CMS-utvikling
En agentprompt som gjør et Cursor-workspace om til et trygt utviklingsmiljø for HubSpot CMS — CLI-autentisering, Developer MCP-serveren, temaet ditt hentet lokalt, en testmodul og opplastinger kun i draft-modus.
Når du bør bruke den
Du vil bygge og redigere HubSpot Content Hub-maler og -moduler med AI i stedet for å klikke rundt i Design Manager — uten å risikere live-ressurser. Denne prompten lar agenten gjøre oppsettsarbeidet (CLI, autentisering, MCP, nedlasting av tema, en fungerende testmodul) med innebygde sikkerhetsmekanismer: opplastinger i draft-modus, ingen destruktive kommandoer, og legitimasjon som aldri havner i chatten.
Prompten
Sett opp dette Cursor-workspacet slik at jeg kan bruke AI til å lage og redigere HubSpot Content Hub-maler og -moduler koblet til Design Manager. Min HubSpot-konto: [KONTO-ID ELLER NAVN — HJELP MEG Å FINNE DEN OM NØDVENDIG] Mitt eksisterende tema: [DESIGN MANAGER-STI — HJELP MEG Å FINNE DEN OM NØDVENDIG] Gjennomfør oppsettet ved hjelp av terminalen og lokale filer. Forklar alle steg jeg må gjøre selv, i et enkelt språk. 1. Undersøk workspacet, operativsystemet, Node.js, npm, Git og HubSpot CLI. Bevar eksisterende filer og konfigurasjon. Installer manglende avhengigheter der det er mulig. Bruk den gjeldende offisielle HubSpot-dokumentasjonen og hjelpen i den installerte CLI-en til å verifisere kommandoer. 2. Sjekk autentiserte kontoer med hs account list. Ved behov, veiled meg gjennom hs account auth i min egen terminal. Jeg genererer og legger inn min Personal Access Key der. Be meg aldri lime inn legitimasjon i chatten eller lese legitimasjonsfiler inn i konteksten din. 3. Identifiser riktig konto og koble den til dette workspacet med hs account link. Be meg velge hvis flere kontoer kan passe. Ta med den eksplisitte konto-ID-en i CMS-kommandoer. 4. Konfigurer HubSpots Developer MCP-server med hs mcp setup og velg Cursor. Bevar eksisterende MCP-innstillinger. Hjelp meg å verifisere at HubSpotDev dukker opp under "Cursor Settings → Tools & MCP". Hvis en omstart trengs, skriv først et kort notat for å fortsette der vi slapp. 5. Finn og last ned mitt eksisterende tema med hs cms ls og hs cms fetch. Undersøk malene, modulene, fontene, fargene, avstandene og avhengighetene i temaet. Hvis det arver fra et foreldretema, undersøk de relevante ressursene i foreldretemaet også. 6. Klargjør en egen utviklingsmappe. For et marketplace-tema eller standardtema, bruk et passende child-tema. Sjekk arvede filer og absolutte referanser før du endrer stier. Bevar originalfilene som et utgangspunkt. Hvis jeg ikke har noe eksisterende tema, klargjør et minimalt HTML/HubL-tema. 7. Lag en liten testmodul med redigerbare felter for overskrift, brødtekst og knapp. Match stilen i det eksisterende temaet. Inkluder de riktige filene module.html, module.css, valgfri module.js, fields.json og meta.json. Gjør den responsiv og sørg for at flere instanser kan fungere på samme side. 8. Kjør relevante sjekker og last opp de nye utviklingsressursene med --cms-publish-mode=draft. Verifiser at opplastingen lyktes og at ressursene finnes eksternt. Forklar hvordan jeg forhåndsviser modulen og tester de redigerbare feltene i HubSpot. 9. Lag en kort README med den faktiske kontoen, lokale og eksterne stier, og fungerende kommandoer for henting, draft-opplasting og draft-watch. Forklar hvordan jeg stopper watcheren og henter senere endringer gjort i Design Manager. Konfigurer Git- og opplastingsekskluderinger for legitimasjon og urelaterte filer. Denne arbeidsflyten er for klassiske HTML/HubL-ressurser i Design Manager. Følg arkitekturen i det eksisterende temaet. Bruk draft-modus for utviklingsopplastinger. Publisering av kode krever en eksplisitt forespørsel fra meg. Unngå å slette eksterne filer, destruktive oppryddingsflagg eller å erstatte ressurser som brukes av live-sider. Avslutt med å forklare hva du konfigurerte, hvilke sjekker som passerte, hvilke manuelle steg som gjenstår, og hvor jeg bør begynne å redigere.
Slik bruker du den
- 1Åpne (eller opprett) workspace-mappen i Cursor og lim prompten inn i agenten, med de to plassholderne fylt ut — eller la dem stå og la agenten hjelpe deg å finne konto-ID og temasti.
- 2Når agenten kommer til autentisering, kjør hs account auth i din egen terminal og legg inn din Personal Access Key der — aldri i chatten.
- 3Godkjenn installasjonene den foreslår, og verifiser at HubSpotDev dukker opp under "Cursor Settings → Tools & MCP" (start Cursor på nytt hvis du blir bedt om det).
- 4Når den er ferdig, forhåndsvis testmodulen i HubSpot og sjekk de redigerbare feltene — begynn deretter å redigere fra mappen README-en peker til.
Tips
- Sikkerhetsmekanismene er selve poenget: opplastinger i draft-modus, ingen slettinger, eksplisitte konto-ID-er, legitimasjon utenfor chatten. Redigerer du prompten, behold de linjene.
- Fungerer med andre agentiske editorer også — bytt ut Cursor-valget i steg 4 med din editor når du kjører den i Claude Code eller lignende.
- Publisering forblir manuell med vilje: agenten laster opp drafts, og bare du promoterer dem til live.
Relaterte ressurser
Vil du ha dette i gang i portalen din?
Vi bygger smarte egenskaper, scoringmodeller og dataworkflows for HubSpot-team hver uke. Book en gratis prat, så kartlegger vi hvor AI faktisk gir verdi i oppsettet ditt.
Snakk med salg