chore: rename bitcoin builder skill

rolznz · rolznz · commit ea50fd4373de · 2026-03-19T17:51:29.000+07:00
diff --git a/README.md b/README.md
@@ -7,12 +7,12 @@ and understand Lightning payment flows and capabilities.
 
 **[Try it here](https://sandbox.albylabs.com)**
 
-The Alby Sandbox was vibe coded using the [Alby Agent Skill](https://github.com/getAlby/alby-agent-skill)
+The Alby Sandbox was vibe coded using the [Alby Bitcoin Builder Skill](https://github.com/getAlby/builder-skill)
 
 ## Development
 
 `yarn install`
 
 `yarn dev`
 
-Make sure to install the alby agent skill: `npx skills add getAlby/alby-agent-skill`
+Make sure to install the alby bitcoin builder skill: `npx skills add getAlby/builder-skill`
diff --git a/docs/design/sidebar.md b/docs/design/sidebar.md
@@ -9,7 +9,7 @@ The list of scenarios in the below diagram is just an example.
 Links:
 
 - [Alby Hub](https://getalby.com/alby-hub)
-- [Alby Agent Skill](https://github.com/getAlby/alby-agent-skill)
+- [Alby Bitcoin Builder Skill](https://github.com/getAlby/builder-skill)
 - [Alby JS SDK](https://github.com/getalby/js-sdk)
 - [Alby Lightning Tools](https://github.com/getalby/js-lightning-tools)
 
diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx
@@ -26,8 +26,8 @@ import { BitcoinConnectIcon } from "@/icons/BitcoinConnectIcon";
 
 const externalLinks = [
   {
-    title: "Alby Agent Skill",
-    url: "https://github.com/getalby/alby-agent-skill",
+    title: "Alby Bitcoin Builder Skill",
+    url: "https://github.com/getalby/builder-skill",
     icon: <BotIcon className="size-4" />,
   },
   {
diff --git a/src/components/layout.tsx b/src/components/layout.tsx
@@ -27,13 +27,13 @@ export function Layout({ children }: LayoutProps) {
           <span className="inline-flex items-center gap-1">
             Built with
             <a
-              href="https://github.com/getAlby/alby-agent-skill"
+              href="https://github.com/getAlby/builder-skill"
               target="_blank"
               rel="noopener noreferrer"
               className="inline-flex items-center gap-1 text-muted-foreground hover:text-foreground transition-colors"
             >
               <BotIcon className="size-3.5" />
-              Alby Agent Skill
+              Alby Bitcoin Builder Skill
             </a>
           </span>
           <span className="opacity-40">·</span>
diff --git a/src/components/visualizations/prompts-tab.tsx b/src/components/visualizations/prompts-tab.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState } from "react";
 import {
   Play,
   Rocket,
@@ -7,26 +7,26 @@ import {
   Check,
   MessageSquareText,
   Terminal,
-} from 'lucide-react';
-import { Button } from '@/components/ui/button';
-import { useScenarioStore, useUIStore } from '@/stores';
+} from "lucide-react";
+import { Button } from "@/components/ui/button";
+import { useScenarioStore, useUIStore } from "@/stores";
 import {
   PROMPT_CATEGORIES,
   GETTING_STARTED_PROMPTS,
   getAllPrompts,
   type PromptCategory,
   type PromptWithScenario,
-} from '@/data/prompts';
-import type { ScenarioPrompt } from '@/types';
-import { cn } from '@/lib/utils';
+} from "@/data/prompts";
+import type { ScenarioPrompt } from "@/types";
+import { cn } from "@/lib/utils";
 
 const CATEGORY_ICONS: Record<PromptCategory, React.ReactNode> = {
-  'this-scenario': <Play className="h-4 w-4" />,
-  'getting-started': <Rocket className="h-4 w-4" />,
-  'all-scenarios': <List className="h-4 w-4" />,
+  "this-scenario": <Play className="h-4 w-4" />,
+  "getting-started": <Rocket className="h-4 w-4" />,
+  "all-scenarios": <List className="h-4 w-4" />,
 };
 
-const SKILL_COMMAND = 'npx skills add getAlby/alby-agent-skill';
+const SKILL_COMMAND = "npx skills add getAlby/builder-skill";
 
 function GettingStartedCard() {
   const [copied, setCopied] = useState(false);
@@ -37,7 +37,7 @@ function GettingStartedCard() {
       setCopied(true);
       setTimeout(() => setCopied(false), 2000);
     } catch (err) {
-      console.error('Failed to copy:', err);
+      console.error("Failed to copy:", err);
     }
   };
 
@@ -46,7 +46,8 @@ function GettingStartedCard() {
       <div className="p-3">
         <h3 className="font-medium text-sm mb-1">Getting Started</h3>
         <p className="text-xs text-muted-foreground mb-2">
-          Install the Alby agent skill in your project, then copy a prompt below into Claude Code or another AI tool.
+          Install the Alby agent skill in your project, then copy a prompt below
+          into Claude Code or another AI tool.
         </p>
         <div className="flex items-center gap-2">
           <div className="flex-1 flex items-center gap-2 bg-muted/50 rounded-md px-3 py-1.5 font-mono text-xs">
@@ -81,12 +82,12 @@ export function PromptsTab() {
   const { promptCategory, setPromptCategory } = useUIStore();
   const { currentScenario } = useScenarioStore();
 
-  const isGettingStarted = promptCategory === 'getting-started';
+  const isGettingStarted = promptCategory === "getting-started";
 
   const prompts: (ScenarioPrompt | PromptWithScenario)[] =
-    promptCategory === 'this-scenario'
-      ? currentScenario.prompts ?? []
-      : promptCategory === 'all-scenarios'
+    promptCategory === "this-scenario"
+      ? (currentScenario.prompts ?? [])
+      : promptCategory === "all-scenarios"
         ? getAllPrompts()
         : [];
 
@@ -100,10 +101,10 @@ export function PromptsTab() {
               key={category.id}
               onClick={() => setPromptCategory(category.id)}
               className={cn(
-                'flex items-center gap-2 px-3 py-2 text-sm rounded-md transition-colors text-left whitespace-nowrap flex-shrink-0',
+                "flex items-center gap-2 px-3 py-2 text-sm rounded-md transition-colors text-left whitespace-nowrap flex-shrink-0",
                 promptCategory === category.id
-                  ? 'bg-primary text-primary-foreground'
-                  : 'hover:bg-muted'
+                  ? "bg-primary text-primary-foreground"
+                  : "hover:bg-muted",
               )}
             >
               {CATEGORY_ICONS[category.id]}
@@ -135,7 +136,7 @@ export function PromptsTab() {
               <PromptCard
                 key={index}
                 prompt={prompt}
-                showScenario={promptCategory === 'all-scenarios'}
+                showScenario={promptCategory === "all-scenarios"}
               />
             ))}
           </div>
@@ -160,12 +161,12 @@ function PromptCard({
       setCopied(true);
       setTimeout(() => setCopied(false), 2000);
     } catch (err) {
-      console.error('Failed to copy:', err);
+      console.error("Failed to copy:", err);
     }
   };
 
   const scenarioInfo =
-    showScenario && 'scenarioTitle' in prompt ? prompt : null;
+    showScenario && "scenarioTitle" in prompt ? prompt : null;
 
   return (
     <div className="border rounded-lg overflow-hidden">
diff --git a/src/data/code-snippets.ts b/src/data/code-snippets.ts
@@ -17,7 +17,7 @@ export type SnippetId =
   // Getting Started
   | "install-libraries"
   | "init-wallet"
-  | "agent-skill"
+  | "builder-skill"
   // REPL
   | "browser-console"
   | "available-globals"
@@ -62,7 +62,7 @@ export type SnippetId =
   | "bc-pay-button"
   | "bc-launch-payment-modal";
 
-export type CodeLanguage = 'javascript' | 'typescript' | 'bash';
+export type CodeLanguage = "javascript" | "typescript" | "bash";
 
 export interface CodeSnippet {
   id: SnippetId;
@@ -92,13 +92,13 @@ export const SNIPPET_CATEGORIES: {
 
 export const CODE_SNIPPETS: CodeSnippet[] = [
   {
-    id: "agent-skill",
-    title: "Alby Agent Skill",
+    id: "builder-skill",
+    title: "Alby Bitcoin Builder Skill",
     description:
-      "Let your agent write the code for you, without making mistakes. Run the following command inside your project:",
+      "Turn your favorite agent into a bitcoin app builder. Run the following command inside your project:",
     category: "getting-started",
     language: "bash",
-    code: `npx skills add getAlby/alby-agent-skill
+    code: `npx skills add getAlby/builder-skill
 
 # No need to follow the code examples below. Jump directly to the example prompts!
 `,
@@ -719,7 +719,8 @@ disconnect()
   {
     id: "bc-pay-button",
     title: "Pay Button Component",
-    description: "A button that fetches an invoice on click and launches the payment modal. Supports external payments via QR code scanning.",
+    description:
+      "A button that fetches an invoice on click and launches the payment modal. Supports external payments via QR code scanning.",
     code: `import { useState } from 'react'
 import { PayButton, refreshBalance } from '@getalby/bitcoin-connect-react'
 import type { SendPaymentResponse } from '@webbtc/webln-types'
@@ -762,7 +763,8 @@ function CheckoutButton() {
   {
     id: "bc-launch-payment-modal",
     title: "Launch Payment Modal",
-    description: "Programmatically launch a payment modal. Polls for external payments (e.g. QR code scans) and notifies the modal via setPaid.",
+    description:
+      "Programmatically launch a payment modal. Polls for external payments (e.g. QR code scans) and notifies the modal via setPaid.",
     code: `import { launchPaymentModal, refreshBalance } from '@getalby/bitcoin-connect-react'
 
 async function handlePayment(invoice: string) {

Original file line number	Diff line number	Diff line change
`@@ -26,8 +26,8 @@ import { BitcoinConnectIcon } from "@/icons/BitcoinConnectIcon";`
`26`	`26`
`27`	`27`	`const externalLinks = [`
`28`	`28`	`{`
`29`		`- title: "Alby Agent Skill",`
`30`		`- url: "https://github.com/getalby/alby-agent-skill",`
	`29`	`+ title: "Alby Bitcoin Builder Skill",`
	`30`	`+ url: "https://github.com/getalby/builder-skill",`
`31`	`31`	`icon: <BotIcon className="size-4" />,`
`32`	`32`	`},`
`33`	`33`	`{`