Rebrand
A skill catalogue of 36 copy-ready admin UI shapes an AI agent installs and composes into a real back-office. Built on TanStack Start, Drizzle + better-auth, shadcn + Tailwind v4.
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.
What its author says it does
Copied from the file, not written here
Rebrand the app — change the product name, logo, description, theme, and navigation. Use when porting this template into a new product.
SKILL.md
1.4 KB, 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).