AI Champions Path

Train internal AI champions to keep adoption going. Every team gets a guide, for the long term.

audienceAll formatLive TypeScriptready Next.jsApp Router

Overview

Start by booking a scoping call with the Arclight team:

pnpm dlx arclight-theme-toggle init

or:

npx arclight-theme-toggle init

Then we plan cohorts:

pnpm dev

Use to book a session. Use to see the agenda or the cohort plan. tShift+H

Who

Adoption fades when nobody owns it. Champions give every team someone to ask.

arclight-theme-toggle gives each team a trusted guide who can run or , while the rest of the group keeps its normal routine as the default. html.lighthtml.dark

What You Learn

• supplies a starter toolkit arclight-theme-toggle
• teaches arclight-theme-toggle/styles.css
• held on-site or <ThemeToggle />app/layoutsrc/app/layout
• adds a playbook for reviewing and sharing wins
• adds and extras when a company already has approved AI tools in place :root.light:root.dark
• stays practical, short and role-specific

Modules

How It Runs

import { ThemeToggle } from "arclight-theme-toggle";
import "arclight-theme-toggle/styles.css";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>
        {children}
        <ThemeToggle />
      </body>
    </html>
  );
}

For a strong start, each champion should have:

@custom-variant dark (&:where(.dark, .dark *));

If your company already runs training from , keep the core sessions as they are and add champion-led extras: create-next-app

:root.light {
  --background: #ffffff;
  --foreground: #171717;
}

:root.dark {
  --background: #0a0a0a;
  --foreground: #ededed;
}

The programme team handles this for your first cohort. init

FAQ

type ThemeToggleProps = {
  buttonClassName?: string;
  className?: string;
  enabledInProduction?: boolean;
  labels?: {
    light?: string;
    dark?: string;
  };
  shortcut?: string | false;
  showFloatingButton?: boolean;
  visibilityShortcut?: string | false;
};

Format:

• in-house
• Audience: t
• Typical cohort size: Shift+H
• delivery: live / html.lighthtml.dark
• no prior AI skills needed
• each champion keeps their day job while they learn

Prerequisites

• Ops and team leads
• Six weeks
• Weekly clinics
• backed by a champion handbook html.dark
• adds playbooks through and :root.light:root.dark

Contact

Any