Skills DirectorySkills Directory
SkillsLearnSecurityCategoriesDocsCommunityBlog
Sign InSubmit Skill
Skills Directory

Security-tested agent skills for Claude, coding agents, and AI workflows.

Directory

  • Browse Skills
  • All Skills A–Z
  • Claude Skills
  • Claude Code Skills
  • Agent Skills
  • Categories
  • Authors
  • Submit a Skill

Learn

  • Learn Hub
  • Install Claude Skills
  • Write SKILL.md
  • Skills vs MCP
  • Directories Compared

Security

  • Security
  • Methodology
  • Secure Claude Skills
  • Security Badges

Company

  • About
  • Community
  • Blog
  • API Docs
  • Advertise

2026 Skills Directory. All rights reserved.

ProTermsPrivacyRefunds
Back to skills

Graphic Design

ASecurity

Support design understanding from basic visuals to professional production and theory.

14 stars
0 votes
0 copies
2 views
Added 9/7/2026
designgoawsgit

Security Analysis

A100/100

Scanned 9/7/2026

Install to Claude Code

$npx -y skills add modbender/skill-library-mcp --skill graphic-design --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Graphic Design?

Add the live security badge to your README β€” it updates automatically with every re-scan.

Security grade badge for Graphic Design
[![Security: A β€” Skills Directory](https://www.skillsdirectory.com/api/skills/modbender-graphic-design/badge)](https://www.skillsdirectory.com/skills/modbender-graphic-design)

More formats (shields.io, HTML) on the badges page.

Download with Pro
Files
SKILL.md
---
name: Graphic Design
description: Support design understanding from basic visuals to professional production and theory.
metadata: {"clawdbot":{"emoji":"🎨","os":["linux","darwin","win32"]}}
---

## Detect Level, Adapt Everything
- Context reveals level: vocabulary, tool familiarity, project complexity
- When unclear, ask about their role before giving specific guidance
- Ask about output format (print, digital, video) before discussing specifications

## For Non-Designers: Accessible Principles
- Recommend Canva as default tool β€” point to relevant templates; only mention Figma if they need more control
- Enforce the "3 max" rule β€” warn against more than 2-3 fonts or 3-4 colors; suggest pre-made palettes from Coolors.co
- Teach alignment in plain terms β€” "don't center everything, left-align text blocks" and "leave breathing room around elements"
- Flag common mistakes immediately β€” low-contrast text over images, stretched/pixelated images, too much text, random fonts
- Provide size specs without asking β€” Instagram (1080x1080), Story (1080x1920), LinkedIn banner (1584x396), A4 (210x297mm)
- Know when to say "hire a professional" β€” logos, brand identity, print with bleeds/CMYK, large-scale materials
- Suggest templates over blank canvas β€” modifying a good template is faster and safer than building from scratch
- Explain contrast as accessibility β€” frame as "will people be able to read this?" not aesthetic preference

## For Students: Theory and Rigor
- Use formal principles vocabulary β€” reference hierarchy, figure-ground, proximity, repetition, alignment, contrast by name
- Teach Gestalt through application β€” identify which laws are at play; show intentional breaking vs confusion
- Enforce typographic rigor β€” 2-3 typefaces max, x-height matching, leading at 120-145%, avoid orphans/widows
- Apply color as system β€” HSB values, 60-30-10 distribution, simultaneous contrast, WCAG verification
- Critique with academic language β€” "The hierarchy is unclear because..." as professors would in studio critiques
- Demand concept before execution β€” ask about brief, audience, rationale before discussing aesthetics
- Guide portfolio curation β€” case study structure (problem β†’ process β†’ solution), show iteration, 8-12 curated projects
- Reference canonical designers β€” connect to Swiss Style, Bauhaus, Pentagram, Collins to build cultural literacy

## For Professionals: Production and Workflow
- Ask for output specs before starting β€” print (CMYK, 3-5mm bleed, 300dpi, PDF/X-4), digital (RGB, 72-150dpi), video (aspect ratio, safe zones)
- Generate export checklists β€” outline fonts, embed images, flatten transparencies; compress for web; provide 1x/2x/3x for mobile
- Demand brand guidelines upfront β€” logo files, color palette (Pantone, CMYK, RGB, HEX), typography, spacing rules
- Enforce brand consistency β€” verify every deliverable against guidelines; call out deviations explicitly
- Structure feedback rounds β€” present with rationale, request specific feedback, define revision limits, document approvals
- Manage scope creep β€” flag out-of-scope requests immediately with time/cost implications
- Work in native formats β€” deliver .ai/.psd/.indd or .fig with organized layers, named artboards, component libraries
- Generate developer-ready specs β€” CSS values, spacing tokens, exportable assets

## For Researchers: History and Criticism
- Situate work within movements β€” reference Bauhaus, Swiss Style, Postmodernism, Memphis; explain how work relates to traditions
- Apply scholarly critique methods β€” semiotics, visual rhetoric, discourse analysis; reference Lupton, Heller, Poynor, Drucker
- Distinguish research approaches β€” practice-based vs practice-led research require different methods and yield different knowledge
- Address politics of visual communication β€” how design perpetuates or challenges power structures; colonial legacies; accessibility as ethics
- Engage current discourse β€” AI in creative labor, sustainability vs consumerism, "design thinking" critique, art vs service tension
- Cite primary sources β€” MΓΌller-Brockmann's grids, Keedy's Zombie Modernism, Dunne & Raby; not unattributed generalizations
- Apply rigorous visual analysis β€” precise terminology connecting formal analysis to meaning-making and cultural context
- Question the canon β€” acknowledge marginalized designers; incorporate overlooked figures beyond Euro-American male narrative

## For Educators: Process and Critique
- Guide structured methodology β€” brief β†’ research β†’ ideation β†’ iteration β†’ refinement; ask "What problem are you solving?"
- Encourage multiple concepts β€” push for 3-5 rough directions before refining one; resist jumping to execution
- Teach "why" before "how" β€” connect techniques to underlying principles; explain when to intentionally break rules
- Use Socratic questioning β€” "What was your intention?" and "How does this serve the goal?" rather than prescriptive fixes
- Balance recognition with growth β€” acknowledge what's working before addressing problems; frame weaknesses as opportunities
- Separate ideation from execution β€” suspend technical concerns during brainstorming; enforce proper file setup during production
- Connect tools to decisions β€” "Here's how the pen tool helps create the precise curve your concept needs"
- Simulate real constraints β€” briefs with budgets, timelines, difficult feedback; teach defending decisions professionally

## For Print Production: Technical Precision
- Specify bleed requirements β€” 3mm minimum (5mm for large format); mark safe zones for critical content
- Enforce color mode correctness β€” CMYK for print, convert RGB images; specify Pantone for spot colors
- Verify resolution β€” 300dpi at final size for print; link high-res images, don't embed low-res
- Manage color profiles β€” embed ICC profiles; specify coated vs uncoated; proof with correct profile
- Outline fonts or embed β€” prevent font substitution issues; verify special characters render correctly
- Check transparency and overprints β€” flatten complex effects; verify knockout vs overprint behavior
- Specify paper and finish β€” stock weight, coating (matte, gloss, satin), binding method, finishing (die-cut, foil, emboss)
- Flag preflight errors β€” missing links, RGB images in CMYK documents, insufficient bleed, low-resolution images

## Always
- Connect aesthetics to problem-solving; design serves communication
- Verify accessibility (contrast, readability) as non-negotiable
- Ask about output context before giving specifications
- Balance creativity with technical requirements; both matter

Attribution

modbendermodbender
View sourceMore from modbender β†’
SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

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 (0)

No comments yet. Be the first to comment!

SSkills DirectorySkills Directory

Ship a skill? Prove it's safe.

Free 120-pattern security scan, letter grade, and an embeddable README badge.

Submit a skill

Related Skills

Responsive Design

Implement modern responsive layouts using container queries, fluid typography, CSS Grid, and mobile-first breakpoint strategies. Use when building adaptive interfaces, implementing fluid layouts, or creating component-level responsive behavior.

397922 votes

Mermaid Diagrams

Creating and refining Mermaid diagrams with live reload. Use when users want flowcharts, sequence diagrams, class diagrams, ER diagrams, state diagrams, or any other Mermaid visualization. Provides best practices for syntax, styling, and the iterative workflow using mermaid_preview and mermaid_save tools.

2102 votes

sleek-design-mobile-apps

Use when the user wants to design a mobile app, create screens, build UI, or interact with their Sleek projects. Covers high-level requests ("design an app that does X") and specific ones ("list my projects", "create a new project", "screenshot that screen").

5711 votes

swiftui-design-skill

SwiftUI frontend visual design skill. Creates beautiful, distinctive iOS/macOS interfaces that avoid generic AI slop patterns. Covers design direction, layout systems, typography, color, spacing, brand integration, and design review. Use when designing new SwiftUI views, reviewing UI quality, creating iOS prototypes, choosing visual styles, improving app aesthetics, or when the UI looks generic or AI-generated.

1801 votes

Ios Hig

Use when designing iOS interfaces, implementing accessibility (VoiceOver, Dynamic Type), handling dark mode, ensuring adequate touch targets, providing animation/haptic feedback, or requesting user permissions. Apple Human Interface Guidelines for iOS compliance.

761 votes
View all in design β†’