What specific design dimensions are evaluated?

The skill evaluates Information Architecture, Interaction States, User Journey, AI Slop Risk, Design System Alignment, Responsive/Accessibility, and Unresolved Decisions.

How does this differ from a standard design review?

Instead of reviewing a live site, this skill reviews the implementation *plan*. It ensures design decisions are documented before an engineer starts writing code, preventing costly UI debt.

Does it require an existing design system?

While it works best when calibrated against a DESIGN.md file, it can operate using universal design principles if no local system is found.

Will this skill automatically change my source code?

No, it is strictly designed to improve the plan. It edits documentation and plan files to specify UI requirements, but it does not implement the UI components itself.

AVAD Plan Design Review

Name: AVAD Plan Design Review
Author: agwacom

byagwacom

0•

デザインツール

Conducts a rigorous UI/UX audit of implementation plans to ensure high-quality, intentional design before code is written.

The AVAD Plan Design Review skill acts as a senior product designer to critique and improve project plans before implementation begins. It evaluates technical plans across seven critical dimensions—including information architecture, interaction states, and accessibility—rating each from 0-10. By identifying 'AI slop' and missing edge cases like empty states or responsive layouts, it proactively edits the plan to include specific design decisions, ensuring the final output is intentional and user-centric rather than accidental or generic.

主な機能

01Interaction State Mapping: Automatically generates specifications for loading, empty, error, and success states.

020 GitHub stars

03User Journey Storyboarding: Maps the emotional arc and visual hierarchy of the user experience.

04AI Slop Detection: Replaces generic UI descriptions with specific, intentional design decisions and hierarchy.

05Automatic Plan Refinement: Directly edits the plan file to incorporate missing design details and system constraints.

060-10 Rating System: Scores plans on 7 design dimensions with actionable paths to a perfect score.

ユースケース

01Critiquing an AI-generated implementation plan to remove generic patterns and add project-specific design tokens.

02Aligning a technical proposal with an existing DESIGN.md to maintain consistency across a complex codebase.

03Reviewing a new feature plan to ensure all UI edge cases and accessibility requirements are defined before coding.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add agwacom/avadbot avad-plan-design-review

For use in Claude.ai and ChatGPT

主な機能

01Interaction State Mapping: Automatically generates specifications for loading, empty, error, and success states.

020 GitHub stars

03User Journey Storyboarding: Maps the emotional arc and visual hierarchy of the user experience.

04AI Slop Detection: Replaces generic UI descriptions with specific, intentional design decisions and hierarchy.

05Automatic Plan Refinement: Directly edits the plan file to incorporate missing design details and system constraints.

060-10 Rating System: Scores plans on 7 design dimensions with actionable paths to a perfect score.

ユースケース

01Critiquing an AI-generated implementation plan to remove generic patterns and add project-specific design tokens.

02Aligning a technical proposal with an existing DESIGN.md to maintain consistency across a complex codebase.

03Reviewing a new feature plan to ensure all UI edge cases and accessibility requirements are defined before coding.