Kann ich Piktochart vibecoden?

Build a personal replacement for Piktochart in an empty repository.
Use Next.js 15, TypeScript, React, Tailwind CSS, IndexedDB, and SVG; do not offer alternative stacks.
The core loop is: assemble infographics and reports from data, text, and reusable visual blocks on a canvas, edit text and media, and export a finished SVG or PDF.
Make the first run work locally with one documented command.
Store all user data locally by default and make export straightforward.
Put secrets in .env, ship .env.example, and never commit credentials.
Create a fixed-size SVG canvas with zoom, pan, selection, alignment, and snapping.
Support text, rectangles, circles, images, groups, layers, and reusable components.
Add a small set of high-quality starter layouts relevant to the product category.
Implement undo, redo, autosave, and import or export of a portable project JSON file.
Export SVG and print-ready PDF without rasterizing text unnecessarily.
Keep all assets local and display missing-font warnings before export.
Include clear empty, loading, success, and recoverable error states.
Add input validation, safe filenames, and graceful handling of unavailable APIs.
Write focused tests for the core transformation and one end-to-end happy path.
Create a README with setup, architecture, permissions, data location, and backup steps.
Do not add accounts, billing, telemetry, analytics, or a hosted control plane.
Deliberately leave out real-time multiplayer editing.
Deliberately leave out a commercial stock-asset library.
Deliberately leave out enterprise brand controls and approval workflows.
Finish by running the tests and listing the exact commands used.

Antworte mir auf Deutsch. Oberfläche, Kommentare und README auf Deutsch, alle Bezeichner wie Tabellen, Spalten, Variablen, Routen und Dateinamen bleiben Englisch.