원클릭으로 Manus에서 모든 스킬 실행

시작하기

add-branding

스타13

포크0

업데이트2026년 7월 7일 14:03

Customize app shell branding, navigation, logos, fonts, and theme tokens in a Mozaiks app workspace.

설치

Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.

Manus에서 실행

출처

BlocUnited-LLC

BlocUnited-LLC/mozaiks

GitHub 저장소 열기 Creator 저장소 보기

다운로드

Manus에서 실행

관련 직업SOC

SOC 직업 분류 기준

웹·디지털 인터페이스 디자이너컴퓨터 및 수학직·SOC 15-1255

SKILL.md

readonly

name	add-branding
description	Customize app shell branding, navigation, logos, fonts, and theme tokens in a Mozaiks app workspace.
argument-hint	[branding or shell change]
disable-model-invocation	true

Complete this branding task: $ARGUMENTS

Read AGENTS.md, CLAUDE.md, and .claude/rules/frontend.md.
Prefer declarative config over custom React.
Use app/brand/theme_config.json for colors, typography, spacing, density, radius, assets, and identity tokens.
Use app/brand/assets/ for logos, icons, and images.
Use app/brand/fonts/ for local font files.
Use app/config/shell.json for shell navigation, chrome policy, shortcuts, profile menu, notifications, and footer behavior.
Use route-level page metadata for page-owned navigation and shell_mode whenever possible.
Keep workflow startup settings in app/config/ai.json; do not mix them into brand or shell files.

Canonical files:

app/app.json owns app identity, auth flags, admins, and startup landing spot.
app/brand/theme_config.json owns visual identity.
app/config/shell.json owns shell chrome and navigation policy.
app/config/ai.json owns AI startup and workflow entry behavior.

Rules:

Do not invent brand.json, ui.json, auth.json, or alternate shell config files.
Do not hardcode colors, font families, or app-specific visual constants in React when a theme token exists.
Do not manually add platform-injected routes such as admin portal entries.
Do not edit generated artifacts in generated/ unless they are being intentionally promoted.

Verification:

Validate edited JSON/YAML.
Confirm referenced assets exist under app/brand/.
Run .\scripts\run-studio.ps1 -DryRun when available.
If the shell is running, check /api/theme-config and /api/shell-config.

이 저장소의 다른 Skills

같은 저장소

setup

BlocUnited-LLC/mozaiks

Set up Mozaiks from scratch. Walks through Docker, Python, Node, environment variables, and verification.

2026-07-2213

add-branding

BlocUnited-LLC/mozaiks

Customize app shell branding - themes, colors, navigation, logos. Works with app/brand/ and app/config/ declarative files.

2026-07-2213

add-feature

BlocUnited-LLC/mozaiks

Add features to an existing Mozaiks project. Helps users upgrade tiers or enable individual capabilities.

2026-07-2213

add-module

BlocUnited-LLC/mozaiks

Add a backend module (deterministic CRUD/action handler) to an existing Mozaiks app.

2026-07-2213

add-page

BlocUnited-LLC/mozaiks

Add a frontend page (AppPageSchema) to an existing Mozaiks app.

2026-07-2213

agentgenerator-change

BlocUnited-LLC/mozaiks

Review or implement a change to AgentGenerator prompts, workflow bundle structured outputs, workflow scaffolds, universal prompt injection, or workflow-agent safety guidance.

2026-07-2213

name	add-branding
description	Customize app shell branding, navigation, logos, fonts, and theme tokens in a Mozaiks app workspace.
argument-hint	[branding or shell change]
disable-model-invocation	true

Complete this branding task: $ARGUMENTS

Read AGENTS.md, CLAUDE.md, and .claude/rules/frontend.md.
Prefer declarative config over custom React.
Use app/brand/theme_config.json for colors, typography, spacing, density, radius, assets, and identity tokens.
Use app/brand/assets/ for logos, icons, and images.
Use app/brand/fonts/ for local font files.
Use app/config/shell.json for shell navigation, chrome policy, shortcuts, profile menu, notifications, and footer behavior.
Use route-level page metadata for page-owned navigation and shell_mode whenever possible.
Keep workflow startup settings in app/config/ai.json; do not mix them into brand or shell files.

Canonical files:

app/app.json owns app identity, auth flags, admins, and startup landing spot.
app/brand/theme_config.json owns visual identity.
app/config/shell.json owns shell chrome and navigation policy.
app/config/ai.json owns AI startup and workflow entry behavior.

Rules:

Do not invent brand.json, ui.json, auth.json, or alternate shell config files.
Do not hardcode colors, font families, or app-specific visual constants in React when a theme token exists.
Do not manually add platform-injected routes such as admin portal entries.
Do not edit generated artifacts in generated/ unless they are being intentionally promoted.

Verification:

Validate edited JSON/YAML.
Confirm referenced assets exist under app/brand/.
Run .\scripts\run-studio.ps1 -DryRun when available.
If the shell is running, check /api/theme-config and /api/shell-config.