Rebrand
Rebrand the app — change the product name, logo, description, theme, and navigation. Use when porting this template into a new product.From its SKILL.md
npx -y skills add ahpxex/open-dashboard --skill rebrandAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- runs commandsInstructs the agent to run 1 command, including `bun run check`.
SKILL.md
1.4 KB, 323 tokens by cl100k_base, as published. Nobody here has run it
Rebrand
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).
What ships with it
Read from the repository
Just SKILL.md. No reference files, no scripts.