Edit and maintain the Gamper Klimmek Consulting static website — copy changes, i18n updates, calculator logic, currency handling, and email templates.
Resources
47Install
npx skillscat add jessica839/lucen-studios Install via the SkillsCat registry.
Gamper Klimmek Website Skill
Instructions for making changes to the Gamper Klimmek Consulting website (https://www.gamperklimmek.com).
When to use
Use this skill when asked to:
- Edit copy, headlines, or CTAs on any page
- Add or update translations in
i18n.js - Modify calculator logic or thresholds in
calculator.html - Update pricing (CHF / EUR / USD) across the site
- Edit or create email templates
- Add new pages or sections
- Adjust styling or design tokens
Key constraints
- No build step. Plain HTML/CSS/JS. Edit files directly.
- Pricing is the source of truth in CLAUDE.md. Never change prices without updating all occurrences:
i18n.js,calculator.html(CALC_AUDIT_EQUIVALENTS,CALC_AUDIT_PRICE_CHF), and any hardcodeddata-price-usdattributes in HTML. - Product name: Always "Business Systems Review" (BSR). Never "Website & Workflow Review" or any other variant.
- i18n is mandatory. Every user-facing string must exist in all 5 languages:
en,de,fr,es,itini18n.js. Static HTML usesdata-i18n="key". Dynamic JS usesi18nText(key, fallback). - Currency: Static price elements use
data-price-usdwith the USD value. CHF is always the reference currency. Calculator prices are separate constants incalculator.html.
Instructions
Editing copy
- Find the relevant
data-i18nkey in the HTML element. - Update all 5 language entries for that key in
i18n.js. - If adding a new string, add a new key to all 5 language blocks and add
data-i18n="your.key"to the HTML (ori18nText("your.key", "English fallback")in JS).
Updating prices
- Update the pricing table in
CLAUDE.md. - In
calculator.html: updateCALC_AUDIT_EQUIVALENTSandCALC_AUDIT_PRICE_CHF. - In
i18n.js: search for old price strings (e.g.950) and update all 5 language blocks. - In HTML files: update
data-price-usdattributes and any visible price text.
Adding a new page
- Create
pagename.html— embed page-specific CSS in<head>, linki18n.jsandcurrency.js. - No routing config needed — Vercel clean URLs handle it automatically.
- Add to
sitemap.xml.
Email templates
Templates follow the pattern email-{event}.{lang}.html where event is appointment-confirmed, appointment-reminder, or appointment-requested, and lang is en, de, fr, es, it (plus a base .html as EN fallback). Edit all relevant language variants when changing template structure.
Serverless API (api/submit-case-study.js)
Accepts POST with { firstName, email, company, cases } where cases is ["cs1"], ["cs2"], ["cs3"] or any combination. Creates/upserts a GHL contact and enrolls them in mapped workflows. Requires GHL_API_KEY env var in Vercel project settings.