Fix skills paths

Author: haydenbleasel

packages/scripts/src/generate-skills.ts

@@ -1,5 +1,5 @@
 import { existsSync, mkdirSync, rmSync } from 'node:fs';
-import { copyFile, readFile, readdir, writeFile } from 'node:fs/promises';
+import { readFile, readdir, writeFile } from 'node:fs/promises';
 import { basename, join } from 'node:path';
 import matter from 'gray-matter';
 
@@ -156,7 +156,11 @@ const processComponent = async (mdxPath: string): Promise<void> => {
   if (examples.length > 0) {
     mkdirSync(scriptsDir, { recursive: true });
     for (const example of examples) {
-      await copyFile(join(EXAMPLES_DIR, example), join(scriptsDir, example));
+      const exampleContent = await readFile(join(EXAMPLES_DIR, example), 'utf-8');
+      const transformedContent = exampleContent
+        .replace(/@repo\/shadcn-ui\//g, '@/')
+        .replace(/@repo\/elements\//g, '@/components/ai-elements/');
+      await writeFile(join(scriptsDir, example), transformedContent);
     }
   }
 

skills/use-agent-component/scripts/agent.tsx

@@ -8,7 +8,7 @@ import {
   AgentOutput,
   AgentTool,
   AgentTools,
-} from "@repo/elements/agent";
+} from "@/components/ai-elements/agent";
 import { z } from "zod";
 
 const webSearchTool = {

skills/use-artifact-component/scripts/artifact.tsx

@@ -8,8 +8,8 @@ import {
   ArtifactDescription,
   ArtifactHeader,
   ArtifactTitle,
-} from "@repo/elements/artifact";
-import { CodeBlock } from "@repo/elements/code-block";
+} from "@/components/ai-elements/artifact";
+import { CodeBlock } from "@/components/ai-elements/code-block";
 import {
   CopyIcon,
   DownloadIcon,

skills/use-attachments-component/scripts/attachments-inline.tsx

@@ -11,7 +11,7 @@ import {
   Attachments,
   getAttachmentLabel,
   getMediaCategory,
-} from "@repo/elements/attachments";
+} from "@/components/ai-elements/attachments";
 import { nanoid } from "nanoid";
 import { useState } from "react";
 

skills/use-attachments-component/scripts/attachments-list.tsx

@@ -6,7 +6,7 @@ import {
   AttachmentPreview,
   AttachmentRemove,
   Attachments,
-} from "@repo/elements/attachments";
+} from "@/components/ai-elements/attachments";
 import { nanoid } from "nanoid";
 import { useState } from "react";
 

skills/use-attachments-component/scripts/attachments.tsx

@@ -5,7 +5,7 @@ import {
   AttachmentPreview,
   AttachmentRemove,
   Attachments,
-} from "@repo/elements/attachments";
+} from "@/components/ai-elements/attachments";
 import { nanoid } from "nanoid";
 import { useState } from "react";
 

skills/use-audio-player-component/scripts/audio-player-remote.tsx

@@ -12,7 +12,7 @@ import {
   AudioPlayerTimeDisplay,
   AudioPlayerTimeRange,
   AudioPlayerVolumeRange,
-} from "@repo/elements/audio-player";
+} from "@/components/ai-elements/audio-player";
 
 const Example = () => (
   <div className="flex size-full items-center justify-center">

skills/use-audio-player-component/scripts/audio-player.tsx

@@ -12,7 +12,7 @@ import {
   AudioPlayerTimeDisplay,
   AudioPlayerTimeRange,
   AudioPlayerVolumeRange,
-} from "@repo/elements/audio-player";
+} from "@/components/ai-elements/audio-player";
 import type { Experimental_SpeechResult as SpeechResult } from "ai";
 import { useEffect, useState } from "react";
 

skills/use-chain-of-thought-component/scripts/chain-of-thought.tsx

@@ -8,8 +8,8 @@ import {
   ChainOfThoughtSearchResult,
   ChainOfThoughtSearchResults,
   ChainOfThoughtStep,
-} from "@repo/elements/chain-of-thought";
-import { Image } from "@repo/elements/image";
+} from "@/components/ai-elements/chain-of-thought";
+import { Image } from "@/components/ai-elements/image";
 import { ImageIcon, SearchIcon } from "lucide-react";
 
 const exampleImage = {

skills/use-checkpoint-component/scripts/checkpoint.tsx

@@ -4,13 +4,13 @@ import {
   Checkpoint,
   CheckpointIcon,
   CheckpointTrigger,
-} from "@repo/elements/checkpoint";
-import { Conversation, ConversationContent } from "@repo/elements/conversation";
+} from "@/components/ai-elements/checkpoint";
+import { Conversation, ConversationContent } from "@/components/ai-elements/conversation";
 import {
   Message,
   MessageContent,
   MessageResponse,
-} from "@repo/elements/message";
+} from "@/components/ai-elements/message";
 import { nanoid } from "nanoid";
 import { Fragment, useState } from "react";