Does this skill require external image files to work?

No, it uses CSS-rendered specimens and abstract representations to demonstrate color grading and mood, making it fully functional within the Claude Code environment.

How does it handle existing design systems?

The skill reads your project's locked design facets, such as color palettes and typography, to ensure that any proposed imagery harmonizes with your current layout and style.

Can I use this for accessibility audits?

Yes, the skill includes specific evaluation criteria for contrast ratios on text overlays and the implementation of meaningful alt text for informational illustrations.

What is the primary purpose of the Imagery & Illustration Crit skill?

It provides a structured way to evaluate and propose visual directions for a product, ensuring that photography and illustrations align with the brand voice and existing design constraints.

Is this skill useful for developers without design backgrounds?

Absolutely. It provides clear, rule-based guidelines and specification tables that help developers implement consistent visual systems without needing expert design intuition.

Imagery & Illustration Design Critique

Name: Imagery & Illustration Design Critique
Author: metedata

bymetedata

0•

デザインツール

Evaluates and defines visual styles for photography and illustration systems to ensure brand alignment and UI consistency.

The Imagery & Illustration Crit skill provides a structured framework for auditing and refining the visual language of a product within Claude Code. It guides users through creating comprehensive imagery placement maps, choosing between stock and custom assets, and defining specific style dimensions like mood, color grading, and line treatment. By generating CSS-based style boards and application specimens, this skill allows for side-by-side iterative review of different visual directions, ensuring that every hero image, avatar, and empty state illustration reinforces the core brand identity while maintaining high accessibility and performance standards.

主な機能

01Automated imagery audits across product surfaces and components

02CSS-rendered style boards for visual mood and color grading previews

030 GitHub stars

04Application specimens for hero sections, cards, and empty states

05Strategic style dimension mapping for photography and illustrations

06Standardized evaluation rubrics for brand, clarity, and accessibility

ユースケース

01Auditing and refining photography styles for marketing landing pages

02Creating consistent visual patterns for empty states and onboarding flows

03Defining a cohesive illustration system for a SaaS platform

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add metedata/design-crit crit-imagery-illustration

For use in Claude.ai and ChatGPT

主な機能

01Automated imagery audits across product surfaces and components

02CSS-rendered style boards for visual mood and color grading previews

030 GitHub stars

04Application specimens for hero sections, cards, and empty states

05Strategic style dimension mapping for photography and illustrations

06Standardized evaluation rubrics for brand, clarity, and accessibility

ユースケース

01Auditing and refining photography styles for marketing landing pages

02Creating consistent visual patterns for empty states and onboarding flows

03Defining a cohesive illustration system for a SaaS platform

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add metedata/design-crit crit-imagery-illustration

For use in Claude.ai and ChatGPT