Setup

Requirements, wiring steps, and what this pattern adds to your project.

Requirements

Complexity
Beginner
Setup time
~5 minutes

Getting started

Install and export live in the preview toolbar — this section covers what lands in your project and how to wire it up.

  1. 1

    Install from the preview toolbar

    Shadcn Icon

    Use the install command above — Pro patterns include a short-lived token.

  2. 2

    Customize the agent and tool files

    Use Copy for AI in the toolbar, then adapt prompts, tools, and stop conditions.

  3. 3

    Run your dev server and test the live preview

Files added

  • app/page.tsx
  • app/layout.tsx
  • README.md

Dependencies

Shadcn IconRegistry components

buttoncardcheckboxemptylabelselecttable

Files to customize

  • lib/xlsx-csv.ts

    SheetJS read from ArrayBuffer; sheet_to_csv for downloads; sheet_to_json header:1 for preview rows; sanitize filenames; UTF-8 BOM option; file-saver downloads.