graphic-designer
Generates visual graphics for social media posts, either via code or AI image generation.
Install
mkdir -p .claude/skills/graphic-designer && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/14205" && unzip -o skill.zip -d .claude/skills/graphic-designer && rm skill.zipInstalls to .claude/skills/graphic-designer
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
>Key capabilities
- →Design HTML/CSS structured graphics for LinkedIn posts
- →Generate AI image prompts for whiteboard infographics
- →Generate AI image prompts for branded infographics
- →Extract core frameworks or steps from post content
- →Distil key points into visual blocks for graphics
How it works
The skill reads a LinkedIn post and decides between an HTML/CSS structured graphic or an AI-generated infographic based on the post content. It then either designs an HTML file with inline CSS or builds a detailed image generation prompt.
Inputs & outputs
When to use graphic-designer
- →Designing LinkedIn post graphics
- →Visualizing technical steps for social media
- →Creating infographics from text
- →Styling data for presentations
About graphic-designer
This skill generates visual content for LinkedIn. It analyzes the text of a post to determine whether an HTML/CSS structured layout (for data/steps) or an AI-generated infographic (for stories/workflows) is more appropriate.
>
When not to use it
- →When the user does not want a visual content for a LinkedIn post
- →When the user wants an abstract illustration or stock photo
Limitations
- →Structured graphics must be a single HTML file with inline CSS
- →Image prompts must be fully self-contained
- →Graphics must recap the post content visually
How it compares
This approach specifically creates visual content tailored for LinkedIn posts by analyzing the text and choosing an appropriate graphic style, unlike generic image generation or manual graphic design.
Compared to similar skills
graphic-designer side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| graphic-designer (this skill) | 0 | 5mo | No flags | Intermediate |
| applying-brand-guidelines | 8 | 10mo | Review | Beginner |
| baoyu-xhs-images | 20 | 3mo | No flags | Beginner |
| meme-factory | 5 | 8mo | Review | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
More by eliuhads
View all by eliuhads →You might also like
applying-brand-guidelines
anthropics
This skill applies consistent corporate branding and styling to all generated documents including colors, fonts, layouts, and messaging
baoyu-xhs-images
JimLiu
Generates Xiaohongshu (Little Red Book) infographic series with 10 visual styles and 8 layouts. Breaks content into 1-10 cartoon-style images optimized for XHS engagement. Use when user mentions "小红书图片", "XHS images", "RedNote infographics", "小红书种草", or wants social media infographics for Chinese platforms.
meme-factory
davila7
Generate memes using the memegen.link API. Use when users request memes, want to add humor to content, or need visual aids for social media. Supports 100+ popular templates with custom text and styling.
baoyu-comic
JimLiu
Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and sequential image generation. Use when user asks to create "知识漫画", "教育漫画", "biography comic", "tutorial comic", or "Logicomix-style comic".
brand-strategy
jeremylongshore
A 7-part brand strategy framework for building comprehensive brand foundations. Trigger with phrases like "create brand strategy", "build brand brief", "define brand positioning", "brand messaging", "audience architecture", "brand truth", or "go-to-market brand plan".
baoyu-cover-image
JimLiu
Generates article cover images with 5 dimensions (type, palette, rendering, text, mood) combining 9 color palettes and 6 rendering styles. Supports cinematic (2.35:1), widescreen (16:9), and square (1:1) aspects. Use when user asks to "generate cover image", "create article cover", or "make cover".