Artifacts

Claude로 만든 것들을 모아두는 갤러리.

스택

• Next.js 16 (App Router)
• Tailwind CSS v4
• TypeScript
• Vercel

아티팩트 추가

1. artifacts/[slug]/index.tsx 생성
2. artifacts/registry.ts에 등록

import MyArtifact from './my-slug/index';

{ slug: 'my-slug', title: '...', description: '...', date: 'YYYY-MM-DD', tags: [...], Component: MyArtifact }

개발

npm run dev

http://localhost:3000

빌드

npm run build