visual-design

Plan and critique UX designs with task flows, information architecture, and usability checklists.

1.1k|82|Updated Apr 12, 2026
One-click install
npx skills add https://github.com/liuzhengdongfortest/easysdd --skill visual-design-liuzhengdongfortest
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: visual-design
Source: https://github.com/liuzhengdongfortest/easysdd/tree/main/visual-design
Command: npx skills add https://github.com/liuzhengdongfortest/easysdd --skill visual-design-liuzhengdongfortest

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams plan UX decisions and diagnose existing designs by producing structured design plans, task flows, information architecture, edge-state considerations, and a concrete list of improvements.

Core Features & Use Cases

  • Mode 1: design-forward planning when no design draft exists; outputs a complete UX plan including user goals, main task flows, IA, edge states, and design decisions.
  • Mode 2: design critique for existing drafts; identifies structural issues, lists concrete improvements, and formats outputs for review.
  • Typical workflows include producing a design方案, a weaknesses checklist, and a diagnostic report that can be reviewed with stakeholders.

Quick Start

Describe your system or feature and ask me to generate a UX design plan or perform a design critique.

Frequently Asked Questions about visual-design

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

FAQPage Schema
How do I plan a UX design when I don't have any design drafts yet?

Plan a UX design by generating a complete design plan that includes user goals, main task flows, information architecture, edge states, and design decisions. This structured output establishes foundational usability before visual prototyping begins.

How do I perform a usability critique on existing UX designs?

Perform a usability critique by auditing existing drafts to identify structural issues and list concrete improvements. The process outputs a weaknesses checklist and a diagnostic report formatted for stakeholder review.

What is the best way to identify edge states in my task flows?

The best way to identify edge states is to map out main task flows within a structured UX design plan. Analyzing these flows systematically uncovers edge-state considerations and ensures comprehensive usability coverage.

Can I use this to evaluate information architecture for a new feature?

Yes, you can evaluate information architecture by requesting a UX design plan for your new feature. The output systematically defines the information architecture alongside task flows and edge states to ensure structural usability.

What outputs do I get from a design critique?

From a design critique, you get a diagnostic report and a usability checklist. These outputs list structural issues and concrete improvements, ready for direct review with stakeholders to guide design iteration.

Do I need existing design drafts to generate a UX design plan?

No, you do not need existing design drafts to generate a UX design plan. The tool supports design-forward planning, allowing you to define user goals, task flows, and information architecture from scratch.