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
  • 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.

Back to skills

Image Media

ASecurity

Generate, edit, and process visual artifacts, diagrams, and multimedia

3 stars
0 votes
0 copies
0 views
Added 9/20/2026
designgo

Security Analysis

A100/100

Scanned 9/20/2026

Install to Claude Code

$npx -y skills add ruskicoder/system-prompts --skill image-media --agent claude-code

Installs into .claude/skills of the current project.

Are you the author of Image Media?

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

Security grade badge for Image Media
[![Security: A — Skills Directory](https://www.skillsdirectory.com/api/skills/ruskicoder-image-media-6c31c112/badge)](https://www.skillsdirectory.com/skills/ruskicoder-image-media-6c31c112)

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

Download Zip
Files
SKILL.md
---
name: image-media
description: Generate, edit, and process visual artifacts, diagrams, and multimedia
  assets. Use when creating UI mockups, visual explainers, image transformations,
  or media layouts (carousel, bento grid).
argument-hint: <image prompt or media task>
---

<!-- Generated from skills/image-media.md by tools/generate_integrations.py. Edit the source file, not this one. -->

# Skill: Image & Media Handling

## Purpose
Generate, edit, and process images and other media assets. _Source: Canva (Category A)_

## Tools Required
- Image generation tools (text2im, image_gen) _Source: OpenAI (Category C)_
- Image editing tools (image_edit) _Source: OpenAI (Category C)_
- Video generation tools (video_gen) _Source: OpenAI (Category C)_
- Vision/analysis tools _Source: OpenAI (Category C)_

## General Principles
- Only generate images when they add significant value to the response _Source: Canva (Category B)_
- If text alone is clear and sufficient, don't add images _Source: Canva (Category B)_
- Prefer built-in vision capabilities over OCR — OCR is high-cost, high-risk, last-resort _Source: Gemini (Category T)_
- OCR libraries support English only _Source: Gemini (Category T)_

## Image Generation

### When to Generate Images
**High value use cases:** _Source: Canva (Category E)_
- Explaining processes visually _Source: Canva (Category E)_
- Browsing and inspiration _Source: Canva (Category E)_
- Exploratory context _Source: Canva (Category E)_
- Highlighting differences (before/after) _Source: Canva (Category E)_
- Quick visual grounding _Source: Canva (Category E)_
- Visual comprehension _Source: Canva (Category E)_
- Introducing people/places _Source: Canva (Category E)_

**Low value / avoid:** _Source: Canva (Category E)_
- UI walkthroughs without exact current screenshots _Source: Canva (Category E)_
- Precise comparisons requiring accuracy _Source: Canva (Category E)_
- Speculation / spoilers / guesswork _Source: Canva (Category E)_
- Mathematical accuracy _Source: Canva (Category E)_
- Casual chit-chat / emotional support _Source: Canva (Category E)_
- Pure text-based tasks (definitions, grammar) _Source: Canva (Category E)_
- Writing / coding / data analysis _Source: Canva (Category E)_

### Layout Options
- **carousel** (default): swipeable images in a row _Source: Canva (Category Q)_
- **bento**: grid layout at top of response as cover — use for single entity deep-dives (person, place, sport team) _Source: Canva (Category Q)_

### Image Parameters
- Aspect ratio: `1:1` (default) or `16:9` _Source: Canva (Category Q)_
- Query: search terms to find relevant images _Source: Canva (Category Q)_
- num_per_query: 1-5 images per query term _Source: Canva (Category Q)_
- size: image dimensions _Source: Canva (Category Q)_
- transparent_background: for PNG output _Source: Canva (Category Q)_

## Image Editing
- Modify existing images based on instructions _Source: Canva (Category E)_
- Add/remove elements _Source: Canva (Category E)_
- Alter colors, style transfer _Source: Canva (Category E)_
- Improve quality/resolution _Source: Canva (Category E)_
- Transform style (cartoon, oil painting, etc.) _Source: Canva (Category E)_

## Video Generation
- Available when the tool supports it _Source: OpenAI (Category C)_
- Text-to-video with audio cues _Source: OpenAI (Category C)_
- Extending existing videos _Source: OpenAI (Category C)_
- Generating videos between specified first and last frames _Source: OpenAI (Category C)_
- Using reference images to guide content _Source: OpenAI (Category C)_

## Visual Analysis
- Use vision capabilities to describe image content _Source: Gemini (Category T)_
- Extract text from images when necessary _Source: Gemini (Category T)_
- Analyze charts, diagrams, screenshots _Source: Gemini (Category T)_
- Identify objects, people, scenes _Source: Gemini (Category T)_
- Read UI layouts for automation _Source: Gemini (Category T)_

## When to Use Multiple Image Groups
- Long, multi-section answers: one image group per major section _Source: Canva (Category Q)_
- Compare-and-contrast across categories _Source: Canva (Category E)_
- Timeline or era segmentation _Source: Canva (Category E)_
- Geographic or regional breakdowns _Source: Canva (Category E)_
- Ingredient → steps → finished result _Source: Canva (Category E)_

## Image Citations
- When using web-sourced images, cite the source _Source: Perplexity (Category L)_
- For generated images, no citation needed _Source: Canva (Category L)_
- Don't fabricate image URLs _Source: MyAI (Category G)_

Attribution

ruskicoderruskicoder
View sourceMore from ruskicoder →
SSkills DirectorySkills Directory

Your tool, in front of Claude Code builders.

3 founder slots · $299/mo · GSC-verified traffic · sponsors can never buy grades.

See placements

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

Your tool, in front of Claude Code builders.

3 founder slots · $299/mo · GSC-verified traffic · sponsors can never buy grades.

See placements

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.

393432 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.

2032 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 →