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.
[](https://www.skillsdirectory.com/skills/aicodedecode-graphic-designer)
---
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.