Skills
.Work. You
Rest

add-branding

Official

Update your app’s look with declarative branding.

Design & Creative#branding#navigation#logos#declarative UI#theme configuration#app shell
AuthorBlocUnited-LLC
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It removes the guesswork and trial-and-error involved in customizing the Mozaiks app shell’s branding by showing exactly which declarative files control themes, navigation, and logos.

Core Features & Use Cases

  • Theme customization: Update visual design tokens (colors/fonts/spacing and dark-light behavior) via app/brand/theme_config.json to keep styling consistent.
  • Shell chrome configuration: Modify header, footer, profile, notifications, and mobile behavior using app/config/shell.json and its shortcuts/navigation/chrome sections.
  • Brand asset management: Replace or add logos, icons, and fonts in app/brand/assets/ and app/brand/fonts/ so UI references resolve correctly.
  • Use Case: You want a dashboard-first experience with a compact workspace feel, updated branding, and correct placement rules for navigation and chat/workflow entry.

Quick Start

Tell the AI what you want to change (theme colors, logos/icons, navigation placement, and which pages should use which shell mode), and apply the suggested edits to app/brand/ and app/config/ accordingly.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 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: add-branding
Download link: https://github.com/BlocUnited-LLC/mozaiks/archive/main.zip#add-branding

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.