update-branding

Update Atomic CRM branding across dual-theme logos and hardcoded titles.

Updated Jun 26, 2026
One-click install
npx skills add https://github.com/marmelab/atomic-crm-demo-art-teaching --skill update-branding-marmelab
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: update-branding
Source: https://github.com/marmelab/atomic-crm-demo-art-teaching/tree/main/.claude/skills/update-branding
Command: npx skills add https://github.com/marmelab/atomic-crm-demo-art-teaching --skill update-branding-marmelab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manually rebranding Atomic CRM is error-prone because the logo appears across two themes and five separate screens, and the app title is hardcoded in three different locations. A naive single-file edit often leaves stale branding, leading to an inconsistent, unprofessional user experience.

Core Features & Use Cases

  • Dual-theme logo support: Handles separate light and dark mode logo variants that render correctly across all screens, including desktop/mobile headers and all authentication pages.
  • Full title synchronization: Updates the app title in all three hardcoded locations (in-app header, browser tab, PWA manifest) to ensure consistency everywhere the title appears.
  • Optional favicon/PWA updates: Can regenerate the full set of 34 favicon and PWA app icons to match new branding, if requested.
  • Pitfall prevention: Includes guardrails for common issues like runtime configuration shadowing that hides code changes, and warns against common mistakes like swapping light/dark logo files. Use case: If you are white-labeling Atomic CRM for a client, this skill ensures every user touchpoint displays the correct branding without missing hidden hardcoded values.

Quick Start

Use the update-branding skill to replace the default Atomic CRM logo with a new client wordmark and update the app title to match the client's brand name.

Frequently Asked Questions about update-branding

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I rebrand the Atomic CRM logo and app title across all screens?

Rebranding Atomic CRM requires updating dual-theme logo assets across five screens and synchronizing the app title in the in-app header, browser tab, and PWA manifest. This skill automates those updates to ensure consistent branding without missing hardcoded values.

Why does my Atomic CRM title update not showing in the browser tab or PWA?

Your Atomic CRM title update may not show due to runtime configuration shadowing that prevents code changes from rendering. The app title is hardcoded in three separate locations, requiring synchronized updates to the header, browser tab, and PWA manifest.

How do I update light and dark mode logos for a CRM rebranding?

Updating light and dark mode logos during CRM rebranding requires handling separate dual-theme logo variants that render correctly across desktop and mobile headers, as well as all authentication pages, to prevent stale branding and unprofessional user experiences.

Can I regenerate favicon and PWA icons to match new CRM branding?

You can regenerate the full set of 34 favicon and PWA app icons to match new CRM branding. This optional step ensures visual consistency across browser tabs and mobile installations when white-labeling the application for a client.

What is the best way to white-label Atomic CRM for a client?

The best way to white-label Atomic CRM is to replace the default logo with a client wordmark and update the app title to match the client's brand name. This ensures every user touchpoint displays correct branding across themes, headers, and authentication screens.

What are common pitfalls when manually updating CRM branding assets?

Common pitfalls when updating CRM branding assets include swapping light and dark logo files, missing hardcoded title values in multiple source files, and encountering runtime configuration shadowing that hides code changes from rendering properly across screens.