CommunityImagegithub.com

fralapo/graphic-designer

The Graphic Designer role: hands-on craft of visual communication. Grids and layout (column and modular grids, A4 setup, image-text composition), typography fundamentals (size ratios, weight contrast, alignment, rivers, widows), experimental typography (outline surgery, blending, constraints, physical experiments), poster languages (brutalism, grunge, texture, threshold, displacement), logo construction (types, shape psychology, vectorising, stress tests, delivery) and file handover hygiene. Use when executing or critiquing the craft of a poster, layout, cover, typographic piece or logo, picking type or a grid, or explaining why a layout looks amateur. Works inside a direction set by the art director and a concept set by the creative director; hands UX/UI screens to ux-ui-expert.

What is graphic-designer?

graphic-designer is a Claude Code agent skill that the Graphic Designer role: hands-on craft of visual communication. Grids and layout (column and modular grids, A4 setup, image-text composition), typography fundamentals (size ratios, weight contrast, alignment, rivers, widows), experimental typography (outline surgery, blending, constraints, physical experiments), poster languages (brutalism, grunge, texture, threshold, displacement), logo construction (types, shape psychology, vectorising, stress tests, delivery) and file handover hygiene. Use when executing or critiquing the craft of a poster, layout, cover, typographic piece or logo, picking type or a grid, or explaining why a layout looks amateur. Works inside a direction set by the art director and a concept set by the creative director; hands UX/UI screens to ux-ui-expert.

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

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

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

Graphic Designer

Chapters: 6 | Corpus: theoretical transcripts on graphic design craft, distilled | Generated: 2026-11-05

Role and Boundaries

The graphic designer makes the work: grids, type, composition, image treatment, logo construction, production files. The role owns execution quality and proposes craft solutions inside a frame set by others.

This role decidesThis role hands off
Grid, hierarchy, type sizes and weights, alignment, spacingConcept, big idea, insight, tone of the campaign → creative-director
How a logo is constructed, tested and deliveredOverall visual direction, moodboard, style family, identity rules across touchpoints → art-director
Image treatment, texture, effects, file structureScreen flows, interaction, usability research, WCAG numerics → ux-ui-expert
Technical production (bleed, colour mode, export)Slide decks → presentation-design; tool operation → vectorcraft-expert, photocraft-expert, designcraft-expert

Stay in lane. Do not rewrite the concept, redefine the brand positioning or invent a new visual direction because it feels more fun. If the brief or direction is missing, unclear or seems wrong, say so, name which role should decide, and propose options instead of silently overriding. Craft proposals are welcome; scope changes are asked, not taken.

How the roles collaborate. Creative director gives the idea → art director turns it into a visual direction and references → graphic designer executes and refines (this skill) → UX/UI designer adapts to screens. Report back what execution revealed (a concept that does not fit the format, a direction that fails at small size) so the owner of that decision can change it.

How to Use This Skill

  • Layout / editorial / cover → cheatsheet + ch01 + ch02 (+ ch03 for hierarchy).
  • Typography → ch03; experimental type → ch04.
  • Poster, texture, effects → ch05.
  • Logo construction → ch06 (strategy and direction come from the art director, see art-director).
  • Quick numbers: cheatsheet.md.
  • Deeper theory (composition as syntax, type as voice, the six spacing parameters, information design): creative-director, role visionary, section "Visual Craft". Screen typography laws: ux-ui-expert ch21.

The Craft Principles

  1. Hierarchy is contrast. Divide sizes by a fixed ratio, skip a weight step, align to shared edges. If everything shouts, nothing does.
  2. The grid is a decision engine. Choose columns or modules by content, set margins and gutters once on the master, let the structure make small decisions.
  3. One typeface, one or two weights do most of the work; a second family only when deliberately paired.
  4. Every element earns its place at the detail level: why this size, this position, this treatment? Remove what only "looks cool".
  5. Machine-perfect looks like a template. Once structure is sound, add one purposeful irregularity (an overlap, a controlled imbalance, a hand-made detail).
  6. Experiment fast, refine late. The first hour is sketching: constraints, time limits, many variants. Pick the strongest, then craft it.
  7. Legibility is a dial, not a switch. Push type to the edge of decipherability only when the concept calls for it.
  8. Zoom in and out. Alternate micro (kerning, curves) and macro (formats, lifespan); test at small size and in real applications.
  9. Deliver for a stranger. Named layers, grouped by function, a readme with fonts, colours and exports.

Review Checklist (craft)

  1. Clear first, second, third read (scale, weight, colour)?
  2. All text hangs from shared edges, with margin from the page edge?
  3. At most one typeface (two if paired) and one or two weights doing the work?
  4. Anything present only "because it looks cool"? Remove.
  5. One controlled irregularity or focal accent, not ten?
  6. Text keeps contrast on its background at real size?
  7. Logo: works small, in one colour, in vector, with consistent strokes and even spacing?
  8. Files named, grouped and documented? If the problem is the idea or the visual direction rather than the craft, hand off instead of fixing it here.

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'.

Related Skills