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
Install from the preview toolbar
Use the install command above — Pro patterns include a short-lived token.
2
Customize the agent and tool files
Use Copy for AI in the toolbar, then adapt prompts, tools, and stop conditions.
3
Run your dev server and test the live preview

Files added

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

Dependencies

Registry components

buttoncardcheckboxemptylabelscroll-areaselecttabletabstextarea

Files to customize

lib/tabular-export.ts
Papa Parse for CSV/TSV with optional header row and delimiter override; JSON array parsing; rectangular validation; GFM pipe-table export; file-saver downloads for JSON, CSV, TSV, Markdown.

PatternsTools & Utilities

CSV / TSV ↔ JSON tabular export

FULL STACKPro · Preview available

Paste CSV, TSV, or JSON arrays; detect delimiters with Papa Parse; validate rectangular rows; preview in a table; export JSON, CSV, TSV, or Markdown tables in the browser.

Open in

app/page.tsx

Every Pattern. Full Source.

One-time purchase, lifetime access to every pattern and all future updates.

$249

Unlock All Access

Early-bird pricing — limited time

Join 2,000+ developers building with Pro

30-day money-back guarantee

Secure checkout via