CSV-zu-JSON-Konverter

CSV-Text sofort in hübsches JSON umwandeln.

// about

Über dieses Tool

Wandelt CSV-Tabellen in JSON-Format um und umgekehrt. Ideal zum Datenaustausch zwischen Excel-Dateien und Webanwendungen.

So verwenden Sie es

  1. Fügen Sie den CSV-Text oder JSON ein.
  2. Wählen Sie das Trennzeichen (Standard: Komma).
  3. Klicken Sie auf 'Umwandeln' und kopieren Sie das Ergebnis.

Warum dieses Tool genutzt wird

  • Einfacher Datentransfer zwischen Excel und Web-Apps.
  • Unterstützt Komma und Semikolon als Trennzeichen.
  • Schnelle Umwandlung ohne Zusatzsoftware.

Häufig gestellte Fragen (FAQ)

Was ist eine CSV-Datei?

Ein einfaches Textformat für Tabellen, bei dem Werte durch Kommas getrennt sind.

Braucht die CSV eine Kopfzeile?

Spaltennamen in der ersten Zeile erzeugen saubere Schlüssel im JSON.

Welches Trennzeichen soll ich wählen?

Meistens wird das Komma (,) verwendet, in Deutschland oft das Semikolon (;).

Ratgeber · Daten · 8 Min. Lesezeit

CSV oder JSON: Wann Sie welches Format nutzen und worauf Sie beim Konvertieren achten

Wer einen Tabellenexport an eine API schickt oder eine API-Antwort in Excel öffnet, muss zwischen CSV und JSON konvertieren. Wer die Unterschiede der Formate kennt, verhindert, dass Daten unterwegs beschädigt werden.

CSV (Comma-Separated Values) ist eine Tabelle. Die erste Zeile enthält die Spaltennamen, jede weitere Zeile ist ein Datensatz, die Werte sind durch Kommas getrennt. Es ist die einfachste und leichteste Art, flache Daten zu speichern, bei denen jede Zeile dieselben Spalten hat.

name,city,score
Kim,Seoul,92
Lee,Busan,85

[
  {"name": "Kim", "city": "Seoul", "score": 92},
  {"name": "Lee", "city": "Busan", "score": 85}
]
CSV oder JSON: Strukturunterschiede, warum Excel UTF-8-CSV verstümmelt, Escaping von Kommas und Anführungszeichen, verschachtelte Daten abflachen.
Ratgeber lesen →
Mit KI bauen

Dieses Tool selbst mit KI bauen

Sie möchten eine eigene Version? Kopieren Sie den Arbeitsauftrag in einen KI-Chat oder speichern Sie die Skill-Datei für einen KI-Coding-Agenten. Beide enthalten die Funktionen, Sonderfälle und Testfälle, die wir verwendet haben.

Prompt und Skill sind auf Englisch, das KI-Tools in jeder Sprache gut verstehen.

KI-Arbeitsauftrag (Prompt)

Unverändert in Claude, ChatGPT oder Gemini einfügen.

You are an experienced full-stack web developer. Build a web tool called "CSV-zu-JSON-Konverter" that meets the requirements below.

## Goal

Build a converter between CSV and JSON.

## Core features

- CSV → JSON (array of objects) and JSON → CSV
- Auto-detect comma, semicolon or tab delimiters
- Header row on/off
- Optional conversion of numbers and booleans
- Download CSV with a UTF-8 BOM for Excel

## Inputs

- CSV or JSON text/file
- Delimiter, header and type options

## Outputs

- Converted data
- Row and column counts

## Edge cases and handling rules

- Follow RFC 4180 for quoted commas, line breaks and doubled quotes
- Keep values with leading zeros (postal codes) as strings
- Flatten nested JSON into dotted columns (user.name)
- Warn when rows have different column counts

## Implementation requirements

- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.
- Make the UI responsive and easy to use on mobile; label every input and keep everything keyboard accessible.
- Add a Copy button for results and show clear, friendly error messages for invalid input.
- Keep the core logic in functions separate from the UI so it can be unit-tested.

## Definition of done (test cases)

- '"Seoul, Korea"' stays a single value
- '01234' is not turned into a number
- Round-tripping keeps the same row count

First outline your implementation plan in at most five lines, then write the complete code, and finally explain how to check the test cases above.

Skill (SKILL.md)

Als .claude/skills/build-csv-json-converter/SKILL.md speichern, damit Agenten wie Claude Code es bei jeder Änderung am Tool wiederverwenden.

---
name: build-csv-json-converter
description: Use when building or changing a CSV-zu-JSON-Konverter tool. Build a converter between CSV and JSON.
---

# Build: CSV-zu-JSON-Konverter

## Goal

Build a converter between CSV and JSON.

## Workflow

1. Review the required features, inputs and outputs below and ask about anything missing first.
2. Implement the core logic as pure functions separate from the UI.
3. Check the logic against the test cases in the verification list.
4. Build a responsive UI with an input form, a result area and a Copy button.
5. Reproduce each edge case listed under Rules and refine the error messages.

## Core features

- CSV → JSON (array of objects) and JSON → CSV
- Auto-detect comma, semicolon or tab delimiters
- Header row on/off
- Optional conversion of numbers and booleans
- Download CSV with a UTF-8 BOM for Excel

## Inputs

- CSV or JSON text/file
- Delimiter, header and type options

## Outputs

- Converted data
- Row and column counts

## Rules

- Follow RFC 4180 for quoted commas, line breaks and doubled quotes
- Keep values with leading zeros (postal codes) as strings
- Flatten nested JSON into dotted columns (user.name)
- Warn when rows have different column counts
- Build it as a single page (HTML, CSS, JavaScript) that runs entirely in the browser, and never send the user's input to a server.

## Verification

- [ ] '"Seoul, Korea"' stays a single value
- [ ] '01234' is not turned into a number
- [ ] Round-tripping keeps the same row count

Tipps für die Arbeit mit KI

  • Nennen Sie in der ersten Zeile Ihren Stack (React, Vue oder reines HTML), damit der Code passt.
  • Lassen Sie die KI die Testfälle ausführen und die Ergebnisse zeigen, bevor Sie den Code übernehmen.
  • Fügen Sie keine echten Passwörter, Kundendaten oder API-Schlüssel ein; nutzen Sie Beispielwerte.