yao-image

Image expert. ALWAYS invoke this skill when you need to read, analyze, describe, or generate images. Use for screenshots, photos, charts, diagrams, AI-generated images, or any visual content.

by YaoApp 7.7k GitHub stars Other Updated Aug 18, 2026
Design Claude Code ⚠ No license
yao-image skill by YaoApp
Social preview for YaoApp/yao

Overview

yao-image is an open-source design skill for Claude Code and compatible agents, published by YaoApp. Its author describes it as: “Image expert. ALWAYS invoke this skill when you need to read, analyze, describe, or generate images. Use for screenshots, photos, charts, diagrams, AI-generated images, or any visual content.”. The project has 7.7k stars on GitHub and ships custom license terms, so review them before reuse. Add it to your setup with `git clone https://github.com/YaoApp/yao ~/.claude/skills/yao-image`.

What yao-image does

Use these tools when you encounter images you cannot read natively, or when you need to generate new images.

What’s inside

The SKILL.md for yao-image is organised into these sections:

  • imageread
  • Local file (most common):
  • URL:
  • With a specific vision provider:
  • imagegenerate
  • Basic usage (always specify output):
  • With specific provider, model and size:
  • imageedit
  • Basic usage:
  • With URL image:
  • With specific provider and model:
  • imageproviders

Installation

Add yao-image to your agent with:

git clone https://github.com/YaoApp/yao ~/.claude/skills/yao-image

Review a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.

Supported agents

License

YaoApp has not declared a standard open-source license for this repository (Other). Confirm the terms with the author before reusing it.

Strengths

  • Ships in YaoApp/yao, an established project with 7,686 GitHub stars
  • Works with Claude Code
  • Actively maintained — repository updated in the last 90 days

Things to check

  • No license declared — confirm terms with the author before reuse

Author

YaoApp 11 skills in the catalog · GitHub profile ↗
View skills

Topics

Need a skill like this, tailored to your team?Build a custom skill →

Frequently asked questions

What does yao-image do?
Image expert. ALWAYS invoke this skill when you need to read, analyze, describe, or generate images. Use for screenshots, photos, charts, diagrams, AI-generated images, or any visual content.
How do I install yao-image?
Run git clone https://github.com/YaoApp/yao ~/.claude/skills/yao-image in your agent, then reload your skills. Review the source at https://github.com/YaoApp/yao before installing.
Is yao-image free to use?
yao-image is publicly available on GitHub, but YaoApp has not declared a standard open-source license (Other). Confirm the terms with the author before reusing it.
Which agents does yao-image work with?
yao-image lists Claude Code — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
Where does yao-image come from?
yao-image ships inside YaoApp/yao, a repository that contains 11 catalogued skills in total. The repository's 7,686 GitHub stars apply to that whole collection, not to this skill on its own.

One-click contribution flow for OpenDesign (nexu-io/open-design) — even for non-coders. Pick one of four cards (ship a Skill or Design System you made with OD; translate docs; fix a typo / write a blog; report a bug), the agent validates and opens a PR (or issue) for you. Trigger words contribute to open design, ship my OD skill, ship my OD design system, translate OD docs, report an OD bug, od-contribute.

↑ GrowingActive Claude Code
97k GitHub stars Apache-2.0 Updated Sep 21, 2026 Free

A long-form article / blog post — masthead, hero image placeholder, article body with figures and pull quotes, author byline, related posts. Use when the brief asks for "blog", "article", "post", "essay", or "case study".

↑ GrowingActive Claude Code
97k GitHub stars Apache-2.0 Updated Sep 21, 2026 Free

Structured medical case presentation for clinical rounds, conferences, and documentation. Generates SOAP-format or narrative case reports with physiologically accurate vitals, labs, and evidence-based plans. Use when the brief mentions "case report", "case presentation", "SOAP note", "clinical case", "ward rounds", "case summary", or "patient presentation".

↑ GrowingActive Claude Code
97k GitHub stars Apache-2.0 Updated Sep 21, 2026 Free

A consumer-feeling dating / matchmaking dashboard — left rail navigation, ticker bar of community signals, headline KPIs, a 30-day mutual-matches bar chart, and a match-rate trend block. Editorial typography, restrained accent. Use when the brief asks for a "dating site", "matchmaking", "community dashboard", "social network dashboard", or any consumer product where the data is the story.

↑ GrowingActive Claude Code
97k GitHub stars Apache-2.0 Updated Sep 21, 2026 Free

A brand product-launch email — masthead with wordmark, hero image block, headline lockup with skewed-italic accent, body copy, primary CTA, and a specifications grid. Pure HTML email layout (centered single column, table fallback). Use when the brief asks for an "email", "newsletter blast", "MJML", "product launch email", or "email template".

↑ GrowingActive Claude Code
97k GitHub stars Apache-2.0 Updated Sep 21, 2026 Free