1077553201/image-skill

Generator für visuelle Kategorieberichte

Erstellt standardisierte 12-Kapitel-HTML-Berichte zur visuellen Strategie für jede grenzüberschreitende E-Commerce-Kategorie, basierend auf der Atlas-Visual-Workflow-Methodik.

Kernfähigkeiten

• Vollständige Methodik: 9 Referenzmodule, die den gesamten Prozess von der Wettbewerbsanalyse bis zur visuellen Entscheidungsfindung abdecken.
• Sofort einsetzbare Vorlage: Enthält eine HTML-Vorlage + CSS-Stile + Chart.js-Diagrammwerkzeuge, die direkt kopiert und verwendet werden können.
• 12-Kapitel-Standardstruktur: Marktanalyse → Keywords → Hauptbild → Unterbilder → Benutzereinblicke → FABE → A+ → Video → Brand Store → Datenanalyse → Aktionsplan.
• 6 Diagrammtypen: Balken-, horizontale Balken-, Radar-, Donut-/Kreisdiagramme – datengetriebene Visualisierung.

Speicherort der Vorlage

Die Vorlagendateien befinden sich in assets/report-template/:

assets/report-template/
├── index.html              # Vollständige 12-Kapitel-HTML-Vorlage (mit Inline-Chart-JS, alle Inhalte als {{Placeholder}} markiert)
└── assets/
    └── report-base.css     # Basisstil im Orange-Design (Design-Token + vollständiges Komponenten-Set)

Chart.js wird über CDN geladen; die Diagramm-Hilfsfunktionen sind inline im HTML eingebettet – sofort einsatzbereit.

Verwendung: Kopieren Sie das gesamte Verzeichnis assets/report-template/ in Ihr Arbeitsverzeichnis, ersetzen Sie die {{Placeholder}} in index.html und die Diagrammdaten am Ende.

Berichtserstellungsprozess

Schritt 1: Informationssammlung

Sammeln Sie vor der Berichtserstellung die folgenden Informationen:

1. Kategorieinformationen: Kategoriename (Chinesisch/Englisch), Zielplattform (Amazon/eigener Shop usw.)
2. Marktdaten: Preisspanne, Liste der führenden Marken (mindestens 5), deren Verkaufsargumente und visuelle Stile.
3. Keyword-Daten: Kern-/Long-Tail-/Kontext-Keywords mit Suchvolumen und Wettbewerbsintensität.
4. Bewertungsdaten: Häufig genannte positive/negative Begriffe, TOP-Schmerzpunkte.
5. Produktinformationen: Eigenschaften, Vorteile, Zielgruppe.

Wenn der Benutzer keine vollständigen Daten bereitstellt, generieren Sie basierend auf allgemeinem Kategoriewissen und Marktsituation plausible Platzhalter und kennzeichnen Sie diese mit „Muss durch tatsächliche Daten überprüft werden“.

Schritt 2: Bericht erstellen

1. Kopieren Sie assets/report-template/ in das Arbeitsverzeichnis.
2. Ersetzen Sie nacheinander die {{Placeholder}}-Inhalte in index.html.
3. Ersetzen Sie die Diagrammdaten im <script>-Block am Ende.
4. Stellen Sie sicher, dass alle 12 Kapitel vollständig ausgefüllt sind.
5. Verwenden Sie das create_html-Tool, um sie als zugängliche Online-Seite bereitzustellen.

Schritt 3: Qualitätsprüfung

Überprüfen Sie vor der Auslieferung:

• Alle 12 Kapitel gefüllt, keine fehlenden {{Placeholder}}.
• Daten für 6 Diagramme gegen kategoriespezifische Daten ausgetauscht.
• Kernanalysen und strategische Empfehlungen sind konkret und umsetzbar.
• Die FABE-Matrix enthält mindestens 5 vollständige Merkmalsketten.
• Aktionsplan hat klare Prioritäten und Zeitlinien.
• Berichtssprache: Chinesisch, professionell und präzise.

Methodik-Referenz

Detaillierte Methodik-Dokumente befinden sich in references/ und werden nach Bedarf geladen:

Dokument	Inhalt	Wann laden
atlas-workflow.md	Vollständiger Atlas 10-Schritte-Visual-Workflow	Vor der Analyse, um das Gesamtgerüst zu verstehen
user-insight.md	Sechs Dimensionen der Benutzereinblicke, Bewertungsanalyse, Kaufentscheidungsprofil	Bei der Bearbeitung des Kapitels zu Benutzereinblicken und Bewertungsanalyse
fabe-model.md	FABE-Modell, drei Strukturen, fallübergreifende Beispiele	Bei der FABE-Merkmalsübersetzung
main-image-strategy.md	Drei Hauptbild-Elemente, fünf Fehler, Kategorieanpassung	Bei der Hauptbild-Strategie
image-gallery-strategy.md	Fünf-Schritte-Anordnung für Unterbilder, 6 Module, häufige Fehler	Bei der Strategie für Unterbilder
a-plus-strategy.md	A+-Sechs-Abschnitts-Struktur, Inhaltsentdeckung, KI-Unterstützung	Bei der A+-Seiten-Strategie
video-strategy.md	Video-Inhaltsmatrix, goldenes Skript, Platzierungsorte	Bei der Video-Strategie
brand-store-strategy.md	6 Module für die Marken-Store, Marken-Visual-System	Bei der Brand-Store-Strategie
data-diagnosis.md	Kernkennzahlen, Diagnosemethoden, Optimierungszyklus	Bei der Datenanalyse

Verwendung der Diagrammwerkzeuge

report-charts.js kapselt 4 gängige Diagrammtypen, Aufruf wie folgt:

// Balkendiagramm
ReportCharts.bar({ canvasId, labels, datasets, title });

// Horizontales Balkendiagramm
ReportCharts.horizontalBar({ canvasId, labels, datasets, title });

// Radar-Diagramm
ReportCharts.radar({ canvasId, labels, datasets, title });

// Donut/Kreisdiagramm
ReportCharts.doughnut({ canvasId, labels, data, title });

Alle Diagramme verwenden standardmäßig das Orange-Design und sind automatisch responsiv.

Ausführungsprinzipien

1. Erst recherchieren, dann ausgeben – nicht einfach generieren, sondern auf allgemein bekannten Kategorien und Marktregeln basieren.
2. Daten austauschbar – alle Daten als Variablen/Platzhalter organisieren, damit Benutzer sie leicht ersetzen können.
3. Strategien umsetzbar – jede strategische Empfehlung muss konkrete Handlungen enthalten, nicht vage.
4. Vollständiger Kreislauf – von der Analyse über die Strategie bis zum Aktionsplan einen geschlossenen Kreislauf bilden.
5. Visuelle Professionalität – die Vorlagenkomponenten wie Karten, Tabellen, Erkenntnisfelder und Diagramme voll ausschöpfen, um eine hohe visuelle Qualität zu gewährleisten.