visual-taste-agent

Directs visual redesign of web pages using typography, color, and composition fundamentals.

Updated Aug 10, 2026
One-click install
npx skills add https://github.com/prostoali2207-gif/auto-parts-landing --skill visual-taste-agent-prostoali2207-gif
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-taste-agent
Source: https://github.com/prostoali2207-gif/auto-parts-landing/tree/main/.agents/skills/visual-taste-agent
Command: npx skills add https://github.com/prostoali2207-gif/auto-parts-landing --skill visual-taste-agent-prostoali2207-gif

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Web redesigns often default to generic templates, trendy decoration, or incremental tweaks that lack a distinctive visual identity. This Skill acts as a Digital Art Director that evaluates the actual rendered page, studies external references, and produces a rigorous art direction blueprint before any frontend implementation begins. ## Core Features & Use Cases - Rendered-page review: Judges the live site at 390px and 1440px viewports instead of trusting source code, screenshots, or build success. - Structured creative process: Enforces a pipeline of knowledge review, 10-15 external reference inspections, 15+ divergent concept generation, shortlisting, and a written blueprint. - Fundamentals audit: Applies a mandatory pass over typography, color/value, hierarchy, composition, motion, accessibility, and responsive behavior using the knowledge modules in knowledge/. - Use Case: Redesigning an auto parts landing page that looks like a generic SaaS template — the agent inspects the render, studies cross-industry references, generates radical visual concepts, and delivers a blueprint with a signature moment while preserving the request form and CRM contract. ## Quick Start Use the visual-taste-agent skill to audit the current landing page render and propose a bold new art direction blueprint.

Frequently Asked Questions about visual-taste-agent

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

FAQPage Schema
How do I art direct a website redesign with AI?

Use this Skill to inspect the actual rendered page at 390px and 1440px, review 10-15 external references, generate at least 15 divergent visual concepts, and produce a blueprint covering typography, color roles, and a signature moment before frontend work begins.

How to evaluate web design quality beyond clean and modern?

The Skill applies a mandatory fundamentals pass covering typography, color/value structure, hierarchy, composition, scale, spacing, motion, and accessibility. It treats clean and minimal as baseline hygiene and requires character, tension, and a memorable focal moment.

What visual references should I study before a website redesign?

Inspect 10-15 currently live references by opening their rendered pages, with at least one third outside your industry and at least 3 genuinely daring. READMEs, screenshots, and award listings do not count as reviewed references.

Does this design review work for mobile layouts?

Yes, mobile is treated as recomposition rather than scaled-down desktop. The Skill inspects the 390px viewport deliberately, checking line breaks, touch targets, form usability, keyboard context, and whether mobile feels intentionally composed.

When should I not use a radical visual redesign approach?

Creative freedom is aesthetic only, not functional. The Skill preserves required data, validation, analytics, backend contracts, and accessibility, so it is unsuitable when you need to change business logic or when spectacle would hide the primary request action.