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.
yao-image
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.
Installation
Add yao-image to your agent with:
git clone https://github.com/YaoApp/yao ~/.claude/skills/yao-imageAlways review a skill's source before installing it. This command comes from the skill's public repository; the linked repo is the source of truth for exact setup steps.
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
When to use it
Reach for yao-image when you want design help from your agent without writing the same instructions every session. Load the skill and the agent picks it up automatically for relevant tasks.
Strengths
- Ships in YaoApp/yao, an established project with 7,686 GitHub stars
- Actively maintained (recent commits)
Things to check
- No license declared — confirm terms with the author before reuse
Topics
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.
- 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.
Related skills
More Design →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".
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".
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.
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".