art-direction

Establish visual direction for web UI imagery with documented asset constraints.

3|3|Updated Jun 5, 2026
One-click install
npx skills add https://github.com/KyaniteLabs/tastecheck --skill art-direction-kyanitelabs
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: art-direction
Source: https://github.com/KyaniteLabs/tastecheck/tree/main/skills/art-direction
Command: npx skills add https://github.com/KyaniteLabs/tastecheck --skill art-direction-kyanitelabs

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill solves the issue of generic, uncommitted, or AI-slop imagery in web interfaces by enforcing a rigorous, evidence-backed art direction process.

Core Features & Use Cases

  • Visual Stance Definition: Establishes a clear job for imagery, ensuring every asset serves a specific communicative purpose rather than acting as decoration.
  • Asset Contract Management: Provides a structured framework for tracking source, rights, crop behavior, and alt-text decisions for every visual element.
  • Use Case: Use this skill when auditing a landing page to replace generic stock photos with a cohesive set of documentary-style images that align with your product's specific visual stance and accessibility requirements.

Quick Start

Use the art-direction skill to audit the current hero section imagery and generate a source-aware asset plan based on the provided design brief.

Frequently Asked Questions about art-direction

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I replace generic AI-generated graphics with cohesive web UI imagery?

You replace generic AI-generated graphics by establishing a committed visual direction that enforces a specific communicative purpose for every asset, ensuring imagery serves the product's unified visual stance rather than acting as decoration.

What is an asset contract for UI imagery and why do I need it?

An asset contract for UI imagery is a structured framework tracking the source, rights, crop behavior, and alt-text decisions for every visual element. You need it to maintain documented constraints and accessibility compliance across all design deliverables.

How do I audit a landing page hero image for design system compliance?

To audit a landing page hero image for design system compliance, evaluate the current imagery against a documented visual stance and generate a source-aware asset plan based on your design brief, ensuring all visuals meet accessibility requirements.

Can I use this approach to manage iconography and accessibility constraints together?

Yes, you can manage iconography and accessibility constraints together by applying a rigorous, evidence-backed art direction process that requires adherence to documented source, rights, crop, and alt-text decisions for all visual deliverables.

What's the best way to ensure my web illustrations have proper rights and source tracking?

The best way to ensure proper rights and source tracking for web illustrations is to implement an asset contract management framework that rigorously documents the source, rights, and crop behavior for every visual element used in your interface.

When should I not use a documentary-style visual stance for my product imagery?

You should reconsider a documentary-style visual stance if your product's design brief requires abstract, highly stylized, or decorative imagery, as this approach strictly enforces a specific communicative purpose and evidence-backed visual direction.