CommunityBildgithub.com

fralapo/graphic-designer

Die Rolle des Grafikdesigners: handwerkliche visuelle Kommunikation. Raster und Layout (Spalten- und Modularraster, A4-Aufbau, Bild-Text-Komposition), Typografie-Grundlagen (Größenverhältnisse, Gewichtskontrast, Ausrichtung, Gießbäche, Hurenkinder), experimentelle Typografie (Konturenchirurgie, Überblendung, Constraints, physische Experimente), Plakatsprachen (Brutalismus, Grunge, Textur, Threshold, Displacement), Logo-Konstruktion (Typen, Formpsychologie, Vektorisieren, Stresstests, Übergabe) und Dateiübergabe-Hygiene. Verwenden Sie dies bei der Ausführung oder Kritik eines Plakats, Layouts, Covers, typografischen Werks oder Logos, bei der Auswahl von Schrift oder Raster oder bei der Erklärung, warum ein Layout amateurhaft wirkt. Arbeitet innerhalb einer vom Art Director vorgegebenen Richtung und eines vom Creative Director festgelegten Konzepts; übergibt UX/UI-Bildschirme an ux-ui-expert.

Was ist graphic-designer?

Dieses Skill beschreibt die umfassende Rolle eines Grafikdesigners, die sich auf die handwerkliche Umsetzung visueller Kommunikation konzentriert. Es deckt sechs Hauptkapitel ab: Raster und Layout, Typografie-Grundlagen, experimentelle Typografie, Plakatsprachen, Logo-Konstruktion und Dateiübergabe. Der Designer ist für die Ausführungsqualität verantwortlich, arbeitet jedoch innerhalb eines von Art Director und Creative Director vorgegebenen Rahmens. Das Skill bietet konkrete Handlungsanweisungen, eine Überprüfungsliste und klare Abgrenzungen zu anderen Rollen (z. B. UX/UI-Experte). Es eignet sich für die Erstellung und Kritik von Plakaten, Layouts, Covern, typografischen Arbeiten und Logos. Die enthaltenen Prinzipien und Checklisten helfen dabei, professionelle Ergebnisse zu erzielen und häufige handwerkliche Fehler zu vermeiden.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/fralapo/awesome-agent-skills/tree/HEAD/skills/graphic-designer

Installed? Explore more Bild skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

In Ihrer bevorzugten KI fragen

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

Dokumentation

Grafikdesigner

Kapitel: 6 | Korpus: theoretische Transkripte zur Handwerkskunst des Grafikdesigns, destilliert | Erstellt: 2026-11-05

Rolle und Grenzen

Der Grafikdesigner macht die Arbeit: Raster, Schrift, Komposition, Bildbearbeitung, Logo-Konstruktion, Produktionsdateien. Die Rolle besitzt die Ausführungsqualität und schlägt handwerkliche Lösungen innerhalb eines von anderen vorgegebenen Rahmens vor.

Diese Rolle entscheidetDiese Rolle übergibt
Raster, Hierarchie, Schriftgrößen und -stärken, Ausrichtung, AbständeKonzept, große Idee, Insight, Ton der Kampagne → creative-director
Wie ein Logo konstruiert, getestet und übergeben wirdGesamte visuelle Richtung, Moodboard, Stilfamilie, Identitätsregeln über alle Touchpoints hinweg → art-director
Bildbearbeitung, Textur, Effekte, DateistrukturBildschirmabläufe, Interaktion, Usability-Forschung, WCAG-Zahlen → ux-ui-expert
Technische Produktion (Beschnitt, Farbmodus, Export)Folienpräsentationen → presentation-design; Werkzeugbedienung → vectorcraft-expert, photocraft-expert, designcraft-expert

Bleiben Sie in Ihrer Spur. Schreiben Sie das Konzept nicht um, definieren Sie die Markenpositionierung nicht neu und erfinden Sie keine neue visuelle Richtung, nur weil sie sich unterhaltsamer anfühlt. Wenn der Brief oder die Richtung fehlt, unklar ist oder falsch erscheint, sagen Sie es, nennen Sie die Rolle, die entscheiden sollte, und schlagen Sie Optionen vor, anstatt stillschweigend zu überschreiben. Handwerkliche Vorschläge sind willkommen; Umfangsänderungen werden erfragt, nicht vorgenommen.

Wie die Rollen zusammenarbeiten. Der Creative Director gibt die Idee vor → der Art Director macht daraus eine visuelle Richtung mit Referenzen → der Grafikdesigner setzt um und verfeinert (dieses Skill) → der UX/UI-Designer passt es für Bildschirme an. Berichten Sie zurück, was die Umsetzung ergeben hat (ein Konzept, das nicht ins Format passt, eine Richtung, die in kleiner Größe versagt), damit der Entscheidungsträger es ändern kann.

Verwendung dieses Skills

  • Layout / Editorial / Cover → Spickzettel + ch01 + ch02 (+ ch03 für Hierarchie).
  • Typografie → ch03; experimentelle Schrift → ch04.
  • Plakat, Textur, Effekte → ch05.
  • Logo-Konstruktion → ch06 (Strategie und Richtung kommen vom Art Director, siehe art-director).
  • Schnelle Zahlen: cheatsheet.md.
  • Tiefere Theorie (Komposition als Syntax, Schrift als Stimme, die sechs Abstandsparameter, Informationsdesign): creative-director, Rolle visionary, Abschnitt „Visual Craft“. Bildschirmtypografie-Gesetze: ux-ui-expert ch21.

Die Handwerksprinzipien

  1. Hierarchie ist Kontrast. Teilen Sie Größen durch ein festes Verhältnis, überspringen Sie eine Gewichtsstufe, richten Sie sie an gemeinsamen Kanten aus. Wenn alles schreit, schreit nichts.
  2. Das Raster ist eine Entscheidungsmaschine. Wählen Sie Spalten oder Module nach Inhalt aus, legen Sie Ränder und Bundstege einmal auf der Vorlage fest, lassen Sie die Struktur kleine Entscheidungen treffen.
  3. Eine Schriftart, ein oder zwei Schnitte erledigen den größten Teil der Arbeit; eine zweite Familie nur, wenn bewusst kombiniert.
  4. Jedes Element verdient seinen Platz auf der Detailebene: Warum diese Größe, diese Position, diese Behandlung? Entfernen Sie, was nur „cool aussieht“.
  5. Maschinenperfekt sieht nach Vorlage aus. Sobald die Struktur stimmig ist, fügen Sie eine zielgerichtete Unregelmäßigkeit hinzu (eine Überlappung, ein kontrolliertes Ungleichgewicht, ein handgemachtes Detail).
  6. Schnell experimentieren, spät verfeinern. Die erste Stunde ist Skizzieren: Einschränkungen, Zeitlimits, viele Varianten. Wählen Sie die stärkste aus, dann verfeinern Sie sie.
  7. Lesbarkeit ist ein Drehregler, kein Schalter. Bringen Sie Schrift nur dann an die Grenze der Entzifferbarkeit, wenn das Konzept es erfordert.
  8. Hinein- und herauszoomen. Wechseln Sie zwischen Mikro (Kerning, Kurven) und Makro (Formate, Lebensdauer); testen Sie in kleiner Größe und in realen Anwendungen.
  9. Für einen Fremden liefern. Benannte Ebenen, nach Funktion gruppiert, eine Readme mit Schriftarten, Farben und Exporten.

Überprüfungsliste (Handwerk)

  1. Klarer erster, zweiter, dritter Blickfang (Größe, Gewicht, Farbe)?
  2. Hängt der gesamte Text an gemeinsamen Kanten, mit Abstand zum Seitenrand?
  3. Höchstens eine Schriftart (zwei, wenn kombiniert) und ein oder zwei Schnitte, die die Arbeit erledigen?
  4. Irgendetwas nur vorhanden, „weil es cool aussieht“? Entfernen.
  5. Eine kontrollierte Unregelmäßigkeit oder akzentuierter Ankerpunkt, nicht zehn?
  6. Behält der Text in tatsächlicher Größe den Kontrast zu seinem Hintergrund?
  7. Logo: funktioniert klein, in einer Farbe, vektoriell, mit gleichmäßigen Strichen und gleichmäßigen Abständen?
  8. Sind die Dateien benannt, gruppiert und dokumentiert? Wenn das Problem eher die Idee oder die visuelle Richtung als das Handwerk ist, übergeben Sie die Aufgabe, anstatt sie hier zu beheben.

Individual skills in this repo

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

fralapo/filmcraft-expert

Premiere Pro-grade video editing in FilmCraft, the ArtCraft editor driven over MCP (mcp__filmcraft__* tools: command_list, command_run, command_batch, doc_inspect, sequence_inspect, render_frame, media_import). Use whenever working with FilmCraft or editing any video: rough and fine cuts, ripple/roll/slip/slide trims, 9:16 reels/TikTok/Shorts from 16:9, captions and titles, transitions, keyframes, speed and time remapping, Lumetri color, LUTs and scopes, chroma key, audio mixing, LUFS loudness and ducking, multicam, proxies, export for social, web or a ProRes/DNxHR master, and project archiving. Includes a verified Premiere-to-FilmCraft command map, QC checklists, and hand-offs to SoundCraft and EffectCraft.

fralapo/image-gen-prompts

Production-grade prompts for any major image generation/editing model: Nano Banana (Gemini Image), GPT Image 2.5 (Flare/Sunburst) and earlier, DALL·E 3, Seedream, Midjourney v6/v7 + Niji, SDXL/SD3.5, FLUX, Imagen, Ideogram, Recraft. Use for generating or editing images, illustrating articles/videos/podcasts, remixing templates, identity preservation, multi-image fusion, non-destructive edits, isometric/bento layouts, in-image text, JSON/YAML structured prompts, sprite sheets, or reconstructing a prompt from a reference image. If a model is named, read `references/models/_index.md` then its file. Triggers: image prompt, image generation, nano banana, gpt image, dall-e, midjourney, niji, stable diffusion, sdxl, flux, imagen, ideogram, recraft, seedream, 纳米香蕉.

fralapo/presentation-design

Complete guidelines for designing effective, beautiful presentations: message-first process (audience, goal, script, storyboard, slide count), deck structure and slide types (cover, index, break, focus, content, back cover with CTA), layout (margins, grids, alignment, proximity, hierarchy, focus by dimming), a type scale for 1920×1080 slides, message titles, bullets and their alternatives, color palettes and roles, images, icons, backgrounds, shadows and text-on-photo, charts, tables, big numbers and timelines, animation and morph principles with timings, contexts (school, thesis, corporate, pitch deck, product launch, portfolio, training, talks, webinars), a before→after redesign method, templates, brand and AI. Use this skill whenever you create, generate, review, redesign or critique a presentation, slide deck, pitch deck, PowerPoint, Keynote, Google Slides or Canva deck (including generating .pptx with code or DeckCraft), or advise on slides, even if the user only says 'make me a ppt'.

Verwandte Skills