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.