Rebrand
SkillDev toolsRebrand the app — change the product name, logo, description, theme, and navigation. Use when porting this template into a new product.
Available today. Use it from your connected AI after setup.
No other account needed.
Connect ahel once, and every AI you use reads what you have installed.
Then ask your AI: use the Rebrand skill
What this skill tells your AI
The instructions your AI receives, as published by ahpxex/open-dashboard in .claude/skills/rebrand/SKILL.md and read by ahel’s review.
The single rebrand surface is src/config/app.ts (appConfig). It is consumed
by the sidebar (logo + name + nav), the root document head (title +
description), the theme provider, and the auth pages (brand header). Nothing
else should hardcode the product name or logo.
Steps
-
Edit
src/config/app.ts:name— product name (sidebar,<title>, auth header).description—<meta name="description">.logo— any Phosphor icon component (e.g.import { RocketIcon }).theme—{ defaultTheme: "light" | "dark" | "system", enableSystem }.
-
Navigation lives in
src/lib/sidebar-items.ts(mainMenuItems,bottomMenuItems), surfaced asappConfig.nav. Add/remove/reorder items; keep the// create-resource:anchorline (the generator inserts above it). -
Theme tokens (colours) are CSS variables in
src/styles/app.css(--primary,--chart-1..5, …) for light and.dark. Charts and StatusChips re-theme automatically.
Verify
bun run check, then load the app: the sidebar, browser tab title, and the
login page all show the new brand. The appConfig unit test asserts the nav
invariants (src/config/app.test.ts).
Signals
- GitHub stars
- 139
- Forks
- 13
- Last commit
- Jun 2026
Advanced
- Catalog kind
- skill
- Gateway key
rebrand- Source
- github.com/ahpxex/open-dashboard