📋 Graphic Designer
Designs graphics for thumbnails, social media, banners, and presentations. Applies design principles (CRAP, Gestalt, visual hierarchy) with research-backed techniques. Integrates with /geometric-elements for decorative assets. Use when creating layouts, choosing typography/colors, or designing any g
npx playbooks add skill thepexcel/agent-skills --skill graphic-designer
About Graphic Designer
Graphic Designer specializes your AI coding agent in developer workflow — it designs graphics for thumbnails, social media, banners, and presentations. applies design principles (crap, gestalt, visual hierarchy) with research-backed techniques. integrates with /geometric-elements for decorative assets. use when creating layouts, choosing typography/colors, or designing any g.
At 35 words, this compact prompt gives your agent specialized developer workflow expertise with structured patterns and output formats. Install via CLI or copy the prompt below.
Use Cases
- Streamlining git workflows and commit conventions
- Setting up CI/CD pipelines and deployment scripts
- Managing monorepos and multi-package projects
- Automating release notes and changelogs
Example Prompts
System Prompt (35 words)
Designs graphics for thumbnails, social media, banners, and presentations. Applies design principles (CRAP, Gestalt, visual hierarchy) with research-backed techniques. Integrates with /geometric-elements for decorative assets. Use when creating layouts, choosing typography/colors, or designing any g
Frequently Asked Questions
What is Graphic Designer?
Graphic Designer is a free developer workflow skill for AI coding agents. Designs graphics for thumbnails, social media, banners, and presentations. Applies design principles (CRAP, Gestalt, visual hierarchy) with research-backed techniques. Integrates with /geometric-elements for decorative assets. Use when creating layouts, choosing typography/colors, or designing any g. It provides a specialized system prompt that configures your agent with developer workflow expertise.
How do I use Graphic Designer with Claude Code?
Run npx playbooks add skill thepexcel/agent-skills --skill graphic-designer in your terminal to install Graphic Designer into your Claude Code session. It works immediately after installation.
Which AI coding agents work with Graphic Designer?
Graphic Designer is compatible with Claude Code, Cursor, GitHub Copilot, Windsurf, OpenClaw, Cline, and any AI agent that supports custom system prompts or .cursorrules files.
Is Graphic Designer free to use?
Yes, Graphic Designer is completely free and open source. The full source is available on GitHub at https://github.com/thepexcel/agent-skills/tree/main/graphic-designer. You only need a subscription to the AI agent you use it with.
