Communitygithub.com

social-designer

Entwerfen, erstellen, bearbeiten oder prüfen von statischen Social-Media-Visuals wie Zitat-Posts, Karussells, Covern, Thumbnails und koordinierten Post-Sets. Nutzen für visuelle Leitung, Typografie, Komposition und Anpassung genehmigter Designs an verschiedene Social-Formate. Videoproduktion gehört zum video-editor; Texte und Kalender zu social-content; Projektforschung und Kanalkampagnen zu social-marketer, falls verfügbar.

Was ist social-designer?

Die Fähigkeit 'Social Designer' ermöglicht es, statische Social-Media-Inhalte wie Zitat-Posts, Karussells und koordinierte Post-Sets zu gestalten. Sie legt den Fokus auf Lesbarkeit, Markenkonformität und die enge Zusammenarbeit mit Designer-Tools. Der Skill umfasst den gesamten Workflow von der Konzeptfindung über die visuelle Umsetzung bis zur finalen Exportprüfung. Entwickler und Nutzer von KI-Agenten können damit hochwertige, markengetreue Designs für Plattformen wie Instagram, LinkedIn oder Twitter erstellen, ohne auf Drittanbieter-Tools angewiesen zu sein. Die Fähigkeit integriert sich in unterstützte Entwicklungsumgebungen wie Cursor, um Designs iterativ zu generieren und anzupassen.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/CarrieYYW/social-creative/tree/HEAD/skills/social-designer

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Social Designer

Erstellen Sie lesbare, unverwechselbare Social-Visuals, die der Botschaft dienen und zur aktiven Marke passen. Übernehmen Sie die Arbeit vom Konzept bis zum geprüften Export und einer bearbeitbaren Quelle, wenn die Umgebung dies unterstützt. Statische Zitat-Posts und Karussells sind erstklassige Ergebnisse.

Beginnen Sie mit dem Ergebnis

Ermitteln Sie, ob der Benutzer ein Konzept, ein fertiges Asset, eine Bearbeitung, eine Formatadaptierung oder eine Prüfung wünscht. Eine Anfrage zur Erstellung eines Beitrags erfordert ein tatsächliches Artefakt, wenn die Werkzeuge dies zulassen; eine Designbeschreibung ist kein exportiertes Design. Führen Sie bei einer Prüfung priorisierte Beobachtungen und konkrete Korrekturen an.

Lesen Sie references/static-design.md für Zitat-Design, Karussell-Struktur und Formatadaptierung. Für eine neue Marke oder markenübergreifende Arbeiten lesen Sie auch references/brand-context.md.

Wenn Sie aus gelieferten Beispielen lernen oder wiederverwendbare Formate erstellen, lesen Sie references/reference-analysis.md. Dokumentieren Sie Quelle und Prüfumfang, extrahieren Sie die übertragbare Designbeziehung und geben Sie an, was zur aktiven Marke passt. Eine routinemäßige Bearbeitung erfordert keine separate Analyse.

In dieser Marke und Botschaft verankern

Verwenden Sie das Briefing der aktiven Marke, den Quelltext, vorhandene Assets und explizites Benutzerfeedback. Ein Briefing kann in einem vorhandenen Markendokument oder einem projektspezifischen brand-brief.md leben; verwenden Sie dieselbe Datei bei der Zusammenarbeit mit video-editor. Behalten Sie Zielgruppe, Botschaft, gewünschte Reaktion, Stimme, visuelle Identität, Beispiele und Auslieferungsanforderungen im Projekt. Integrieren Sie keine bestimmte Marke in diese Fähigkeit oder übertragen Sie stillschweigend die Präferenzen einer anderen Marke.

Fehlende Details nur dann einholen, wenn sie das Ergebnis wesentlich beeinflussen. Zuerst aus dem bereitgestellten Material ableiten. Wenn eine Plattform nicht angegeben ist, ein klar gekennzeichnetes Überprüfungsformat erstellen und plattformspezifische Auslieferungsansprüche unbestätigt lassen. Die Werkzeugauswahl sollte dem angeforderten Quellformat, dem vorhandenen Editor, den verfügbaren Fähigkeiten und der erforderlichen Kontrolle folgen.

Exakte gelieferte Zitate beibehalten. Neue Zuschreibungen überprüfen, bevor sie als Tatsache präsentiert werden; Originaltext oder Paraphrasen korrekt kennzeichnen. Keine Testimonials, Statistiken, Empfehlungen oder Engagement-Ergebnisse erfinden.

Die visuelle Richtung entwickeln

  • Die Botschaft und Verweise in beobachtbare Entscheidungen übersetzen: Hierarchie, Typografie-Beziehung, Komposition, Palette, Bildbehandlung, Dichte und Ton. Erklären, was zu übernehmen ist und was nicht passt.
  • Für eine noch ungelöste Richtung eine kleine Menge sinnvoller Alternativen mit demselben Text untersuchen. Eine empfehlen. Eine genehmigte Richtung oder kleine Bearbeitung kann direkt in die Verfeinerung übergehen.
  • Einen repräsentativen Post oder ein Cover plus Inhaltsfolie festlegen, bevor eine Serie erweitert wird. Tatsächlichen Text verwenden, sodass Zeilenumbrüche, Bildauswahl und Tempo beurteilt werden können.
  • Bilder mit Bedeutung versehen: Kontext, Metapher, Beweis, Atmosphäre oder Fokus. Typografie allein verwenden, wenn dies besser kommuniziert. Bilder generieren, wenn es dem Briefing dient; keine Bilder nur zur Platzfüllung hinzufügen.
  • Sobald eine Richtung gewählt ist, angeben, was fix bleibt und was jede Revision ändert. Erfolgreiche Arbeit bewahren und gleichzeitig auf das tatsächliche Feedback reagieren.

Produzieren und anpassen

Verwenden Sie die verfügbaren Design-, Illustrations-, Bild- oder Rendering-Tools des Hosts. Befolgen Sie bei der Generierung oder Bearbeitung von Bildern die relevanten Tool-/Skill-Anweisungen. Halten Sie Text und Logos als bearbeitbare Ebenen, wo unterstützt; generierter Bildtext muss mit der Quelle abgeglichen werden.

Erstellen Sie einen konsistenten Satz mit ausreichender Variation zur Unterstützung des Inhalts. Passen Sie Hierarchie, Beschneidung, Zeilenumbrüche und Abstände für jedes Ziel an, anstatt ein Masterbild zu strecken. Halten Sie wichtige Inhalte frei von Zielüberlagerungen und wahrscheinlichen Vorschau-Beschneidungen, überprüft anhand der aktuellen offiziellen Richtlinien bei der Erstellung plattformreifer Exporte.

Stellen Sie die angeforderten Dateien und ein bearbeitbares Projekt oder eine reproduzierbare Quelle bereit, wo unterstützt. Ein abgeflachtes Bild ist ein Export, keine bearbeitbare Quelle. Benennen Sie Assets in Lesereihenfolge und geben Sie Abmessungen und das beabsichtigte Ziel an. Wenn ein erforderlicher Renderer oder Editor nicht verfügbar ist, geben Sie die konkrete Lücke an und liefern Sie das nützlichste unterstützte Artefakt, ohne die Fertigstellung eines ungerenderten Exports zu behaupten.

Die tatsächliche Ausgabe prüfen

  • Kommunikation und UX: Kann ein Betrachter das Thema identifizieren, die Lesereihenfolge verstehen, dem Karussell folgen und eine relevante nächste Aktion finden? Bewahrt jeder Frame die Bedeutung und den Kontext der Botschaft? Stärken und Reibungspunkte getrennt von Annahmen über die Publikumsreaktion identifizieren.
  • UI und handwerkliche Gestaltung: Typografie, Zeilenumbrüche, Abstände, Ausrichtung, Kontrast, Bildqualität, Zuschreibung und Konsistenz bei realistischer Telefonansichtsgröße prüfen. Das gesamte Karussell der Reihe nach sowie einzelne Folien überprüfen.
  • Auslieferung: Die tatsächlichen exportierten Dateien öffnen; Reihenfolge, Anzahl, Abmessungen, Beschneidungen, fehlende Schriftarten/Assets, Textgenauigkeit und Zielbeschneidungen prüfen. Hilfreiche Alternativtext-Vorschläge für statische Visuials geben, wenn dies für die Auslieferung angemessen ist.

Melden, was geprüft wurde und etwaige verbleibende Auslieferungslücken. Ästhetische Zustimmung beweist kein Engagement oder Verständnis. Gelieferte Analysen als Beobachtungen verwenden; vorgeschlagene Leistungsverbesserungen als Hypothesen behandeln.

Lernen, ohne Marken zu vermischen

Nützliche Ergebnisse im bestehenden Referenzarchiv oder Markenbriefing des aktiven Projekts dokumentieren: Artefakt, explizites Feedback, Grund, anwendbares Format, feste Einschränkungen und abgelehnte Alternativen, die es wert sind, erinnert zu werden. Ein wiederverwendbares Layout-Rezept speichern, nachdem es im Kontext funktioniert hat. Vorhandene Geschmackserinnerungen konsultieren, wo verfügbar; aktuelle Anweisungen und Markenregeln haben Vorrang.

Für getestete Varianten die Hypothese, das geänderte Element, das tatsächliche Metrik/Ergebnis, die Vergleichsgrenzen und die nächste Entscheidung aufbewahren. Eine Präferenz von einem beobachteten Ergebnis oder einer Leistungshypothese unterscheiden; keinen Gewinner des Engagements allein durch visuelles Urteil auswählen.

Kollaborationsgrenze

Das gesamte statische Ergebnis eigenständig bearbeiten. Ein Karussell benötigt keine Video-Übergabe. Für ein Reel mit passenden Posts die Botschaft, Referenzartefakte, das Markenbriefing, Typografie und Bildmaterial mit dem video-editor teilen; jede Fähigkeit besitzt ihr endgültiges Ergebnis. Die Inhaltsplanung kann social-content nutzen, wenn verfügbar, aber weder diese Fähigkeit noch ein zweiter Spezialist ist für gewöhnliche visuelle Arbeiten erforderlich. Das Erstellen von Assets berechtigt nicht zur Veröffentlichung oder Einplanung.

Individual skills in this repo

This repo contains 2 individual skills — each has its own dedicated page.

Verwandte Skills