op7418/guizang-social-card-skill

Guizang Social Card Skill

Erstelle professionelle Social-Media-Pakete für Xiaohongshu/Rednote, WeChat Official Account, Artikel-Cover und Plattform-Thumbnails.

Dieser Skill ist in sich geschlossen. Er entlehnt visuelle Prinzipien aus dem Guizang-PPT-Stilsystem, darf aber den ursprünglichen PPT-Skill, seine Vorlagen oder Verweise nicht bearbeiten. Falls der ursprüngliche PPT-Skill verfügbar ist, darf er nur als Referenz gelesen werden.

Generierte Arbeiten müssen in einem Aufgabenordner abgelegt werden, nicht im Skill-Stammverzeichnis. Standardmäßig in local-tests/<slug>/ innerhalb dieses Repositorys, oder verwende den vom Benutzer angegebenen Ausgabeordner. Erstelle keine Aufgabenordner auf Stammebene wie social-card-*, livephoto-*, wechat-*, output/ oder lose gerenderte Assets neben SKILL.md.

Was zu produzieren ist

Verwende diesen Skill für:

• Social-Card / Karussell-Bildersets: Cover plus Inhaltsseiten, insbesondere Xiaohongshu/Rednote 3:4.
• Kurze Live-Photo-Bewegungskarten, wenn der Benutzer nach Live Photo / 实况照片 fragt und Videomaterial oder Bildschirmaufnahmen bereitstellt.
• Materialorientierte Live-Photo-Puzzle-Layouts, wenn der Benutzer hochwertige Video-Assets hat und Einzelvideo-, Zweifeld-, Dreifeld- oder Vierfeld-Bewegungskarten mit wenig oder keinem zusätzlichen Text wünscht.
• Triple-Live-Photo-Collagen, wenn der Benutzer drei kurze Videos, drei Ergebnisse, drei Blickwinkel oder einen informationsreichen Vergleich hat, der innerhalb einer Bildkarteneinheit bleiben soll.
• Langvideo-Aufnahme für Live Photo: Diagnostiziere, ob getrimmt, beschleunigt, in eine Triple-Collage aufgeteilt oder der Benutzer nach einem bestimmten Zeitbereich gefragt werden soll, bevor gerendert wird.
• WeChat-Official-Account-Cover-Paare: ein 21:9-Hauptcover plus ein 1:1-Quadrat-Cover, beide im selben HTML zur visuellen Überprüfung zusammengestellt.
• Screenshot-lastige Produktbeiträge, Artikel-Cover, Tutorial-Karussells, Outdoor-/Lifestyle-Notizen, KI-/Produktupdate-Erklärungen.
• Soziale Bilder, die Guizang-Style Swiss- oder Editorial-Magazin-Layouts benötigen.

Verwende diesen Skill nicht für:

• Komplette Folienpräsentationen oder horizontale PPT-Websites. Verwende dafür den PPT-Skill.
• Langform-Videogenerierung. Verwende dafür einen Video-Skill. Dieser Skill unterstützt nur kurze, layoutgebundene Live-Photo-Karten, die ein Standbild durch Video ersetzen.
• Reine Bildbearbeitung ohne Layout- oder Artikelextraktionsanforderung.

Rednote-Kategoriefähigkeit (Capability Circle)

Die 11 häufigsten Rednote (小红书)-Kategorien fallen in drei Bereiche. Siehe references/category-cookbook.md für das rezeptweise Routing.

Stark durchgängig (Text, Struktur und Bildgeschichte im Umfang):

• 旅行 (Reisen), 职场 (Arbeitsplatz), 推荐 (Empfehlungen, nach Angabe eines Subtyps).

Stark in Text & Struktur; Bilder müssen vom Benutzer oder einer lizenzierten Bibliothek kommen:

• 游戏 (Spiele), 影视 (Film/Fernsehen), 美食 食谱方向 (Essen – nur Rezepte), 彩妆 教程方向 (Make-up – nur Tutorials), 健身 (Fitness), 家居 (Zuhause), 穿搭 精选方向 (Outfit – nur Kapsel/Essay).

Außerhalb des Rahmens – ehrlich ablehnen, anstatt ein Ergebnis zu versprechen:

• 美食 菜品大片摆盘 (Food-Fotografie-Showcase).
• 穿搭 日常 OOTD 全身 (tägliche OOTD-Ganzkörperaufnahmen; wir können nicht generieren oder simulieren).
• 情感 梦核 / 氛围感装饰风 (Dreamcore / Ästhetik-Licht-Stil – kollidiert mit Editorial und Swiss).
• Y2K / 千禧辣妹 / 哥特萝莉 / kawaii dekorierte Ästhetiken.
• Reine Fotografie-Showcase-Beiträge, bei denen das Bild die gesamte Lieferung ist.

Wenn eine Anfrage in den dritten Bereich fällt, benenne bei der Aufnahme, was wir nicht tun können – passe nicht stillschweigend ein Layout an, das die Absicht des Benutzers verfehlt.

Kernprinzip

Ausdruck steht an erster Stelle. Das Ziel ist nicht, Text in Poster zu quetschen, sondern die Quelle in ein klares visuelles Argument zu verwandeln.

Entscheide für jede Seite:

• Was soll der Betrachter auf einen Blick verstehen?
• Welcher Beweis, Screenshot oder welches Bild unterstützt dies?
• Welche Wörter müssen groß sein und welche können zu Bildunterschriften oder Metadaten werden?
• Was kann entfernt werden, weil es zum Beitragskörper und nicht zum Bild gehört?

Erforderliche Referenzen

Lies diese Dateien nach Bedarf:

• references/platform-specs.md für genaue Verhältnisse, Ausgabegrößen und Namensgebung.
• references/style-system.md für Guizang-Editorial- und Swiss-Visual-Regeln.
• references/theme-presets.md bei der Auswahl von Electronic-Magazine-Paletten oder Swiss-Akzent-Paletten.
• references/layout-recipes.md bei der Auswahl von Karussell-/Social-Card-/WeChat-Seitenstrukturen.
• references/components.md für die gemeinsame Komponentenspezifikation: Schriftstapel, Schriftgrößen-Skala, minimale Lesbarkeitsgrößen, chinesische Titel-Längenbereiche, Swiss-Card-Fill-Mutual-Exclusion-Regel, Bildcontainer-Verhältnisklassen, Abstandstoken und Lucide-Symbolregeln.
• references/background-systems.md beim Erstellen von Electronic-Magazine-WebGL-/Tinte-/Papier-Hintergründen.
• references/portrait-fill.md bei der Anpassung von Layouts an 3:4 und Vermeidung von unterfülltem vertikalen Raum.
• references/content-planning.md für Cover-Hooks, Seitenaufteilung und Textkomprimierung.
• references/production-workflow.md für HTML/CSS-Rendering und Bildverarbeitung.
• references/live-photo-production.md wenn der Benutzer nach Live Photo / 实况照片 / 三连实况拼图 fragt, Video-Assets für eine Social Card bereitstellt oder Xiaohongshu / WeChat-Bewegungskarten-Auslieferung wünscht. Es deckt das Informationsbudget, einzelne vs. triple Live Photo, Langvideo-Aufnahme und Plattform-Publishing-Erinnerungen ab.
• references/image-overlay.md wann immer Text auf einem Foto sitzt: Fotoqualifikation, lokalisierter Tinten-Fallback und Gesichts-/Subjektvermeidung via multimodaler Subjektzuordnung.
• references/screenshot-treatment.md wenn der Benutzer einen App-/Web-/Code-/Dashboard-Screenshot bereitstellt – wähle .frame-shot über .frame-img, setze Ecken/Schatten/Hg/Einsatz, entscheide über .device-browser oder .device-phone Chrome.
• references/map-component.md wenn der Inhalt räumliche Beziehungen hat (Reiseroute, Geschäftsstandorte, Rundgang) – echte Routen standardmäßig zu Mapbox Static oder OSM Static Tiles; schematisches SVG nur für konzeptionelle/illustrative Karten. Pins sind HTML-Overlays; verwende niemals Live-JS-Karten.
• references/title-shortener.md wenn die Aufgabe ein WeChat 21:9+1:1-Cover-Paar oder eine plattformübergreifende Wiederverwendung ist – leitet den 1:1-Kurztitel aus dem langen Titel ab (5-Schritte-Extraktion, 4 Muster, Anti-Muster, Größenanpassung auf .poster.square).
• references/category-cookbook.md um eine vom Benutzer genannte Rednote-Kategorie (旅行 / 职场 / 游戏 / 影视 / 彩妆 / 美食 / 穿搭 / 家居 / 健身 / 情感 / 推荐) zu den anwendbaren Rezepten zu leiten und den Umfang zu bestätigen.
• references/qa-checklist.md vor der Auslieferung der finalen Bilder.

Arbeitsablauf

1. Aufnahme

Sammle nur die fehlenden Informationen, die die Ausgabe ändern:

• Zielplattformen und Verhältnisse.
• Quelltext, Untertitel, Artikel oder Titel.
• Rednote-Kategorie – wenn der Benutzer einen der 11 häufigsten Typen nennt (旅行 / 职场 / 游戏 / 影视 / 美食 / 彩妆 / 穿搭 / 家居 / 健身 / 情感 / 推荐), leite über references/category-cookbook.md um die richtigen Rezepte zu finden und zu bestätigen, dass die Anfrage innerhalb des Capability Circles liegt (siehe „Rednote-Kategoriefähigkeit