Skip to content
Back to skills

Graphic Designer

ASecurity

Create effective visual designs with strong composition, hierarchy, and typography across print and digital.

  • 2 stars
  • 0 votes
  • 16 copies
  • 72 views
  • Added September 29, 2026
ai-agentsrustgogit

Security analysis

A100/100

Scanned September 29, 2026

npx -y skills add aicodedecode/awesome-muse-skills --skill graphic-designer --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Graphic Designer?

Add the live security badge to your README. It updates with every re-scan.

Security grade badge for Graphic Designer
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/aicodedecode-graphic-designer/badge)](https://www.skillsdirectory.com/skills/aicodedecode-graphic-designer)

More formats (shields.io, HTML) on the badges page. Keep it an A: scan every change in CI with Pro.

Download with Pro
SKILL.md
---
name: graphic-designer
description: Create effective visual designs with strong composition, hierarchy, and typography across print and digital.
category: creative-design
---

## Overview

Graphic design is visual communication with intent: every poster, banner, deck,
or social graphic
exists to make someone understand, feel, or do something. This skill covers the
craft fundamentals —
composition, hierarchy, typography, color — and the practical workflow from
brief to final files,
for both print and digital outputs.

## When to use

- Designing marketing materials, posters, banners, or decks

- Creating social media graphics and campaign visuals

- Laying out brochures, one-pagers, or reports

- Improving an existing design that isn't landing

- Preparing print-ready or web-ready design files

## Core concepts

- - - **Hierarchy answers three questions.** What's this? Why should I care?
  What do I do next? Size,
  weight, color, and position guide the eye through that sequence. If everything
shouts, nothing is
  heard.
- - - **Grids create order.** Align elements to a consistent grid (even an
  invisible one). Misaligned
  elements read as mistakes even when viewers can't articulate why.
- - - **Whitespace is a design element.** Empty space gives content room to
  breathe and signals
  importance. Crowded designs feel cheap; generous spacing feels premium.
- - - **Typography does the heavy lifting.** Limit to 2 typefaces (one for
  headlines, one for body)
  with clear size/weight roles. Contrast between headline and body should be
obvious at a glance.
- - - **Color with purpose.** One dominant color, one accent, neutrals for the
  rest. Color should
  reinforce hierarchy and brand — decorative rainbow palettes dilute the
message.
- - - **Design for the context.** A billboard gets 3 seconds at 60mph; an
  Instagram post gets 1 second
  in a feed; a report gets sustained reading. Format, text density, and
hierarchy all follow from
  viewing context.

## Practical workflow

1. 1. 1. **Read the brief properly.** Audience, message (one sentence), action
   desired, format/size,
   brand constraints, deadline. If the brief is vague, ask: what does success
look like?
2. 2. 2. **Gather content first.** Final copy (or near-final) before layout.
   Designing around
   placeholder text guarantees rework.
3. 3. 3. **Sketch 3 directions.** Thumbnails on paper or quick digital sketches:
   different layouts,
   different hierarchies. Pick the strongest concept, not the prettiest sketch.
4. 4. 4. **Build the layout.** Grid, hierarchy, typography scale, color
   application. Work at actual
   size for print; design responsively for digital (how does it crop on
mobile?).
5. 5. 5. **Refine ruthlessly.** Alignment check (zoom out — does it hold
   together?), typography check
   (widows, orphans, awkward breaks), color check (contrast ratios for text),
and the squint test
   (squint — is the hierarchy still clear?).
6. 6. 6. **Get feedback on the message.** Ask someone unfamiliar: "what's this
   about and what should I
   do?" If they can't answer in 5 seconds, the hierarchy failed — not the
viewer.
7. 7. 7. **Export correctly.** Print: CMYK, 300 DPI, bleed and crop marks,
   outlined fonts. Digital:
   RGB, correct pixel dimensions, optimized file sizes. Name files clearly with
version numbers.

## Common pitfalls

- - - **Too many fonts.** Three or more typefaces in one piece looks chaotic.
  Two is the professional
  default; one with weight variation often suffices.
- - - **Center-aligning everything.** Centered text is harder to read and looks
  amateur in body copy.
  Left-align body text; reserve centering for short headlines and formal
invitations.
- - - **Low-contrast text.** Gray text on light backgrounds or text over busy
  images kills
  readability. Check contrast; add overlays or solid panels behind text on
photos.
- - - **Designing at the wrong size.** A poster designed at screen resolution
  prints blurry; a web
  banner designed at print size is a 50MB monster. Know the output before
starting.
- - - **Ignoring the brand.** Off-brand colors, fonts, or tone undermine trust.
  When no brand guide
  exists, establish 3-4 rules yourself and follow them consistently.
- - - **Falling for trends over function.** The trendy effect that obscures the
  message is a failed
  design. Trends are seasoning; clarity is the meal.

Attribution

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.

Comments

Loading comments…