design-validate

Validate designs against problem statements, accessibility standards, user flows, and engineering feasibility.

Updated Feb 28, 2026
One-click install
npx skills add https://github.com/lucabattistini/concinnitas --skill design-validate-lucabattistini
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-validate
Source: https://github.com/lucabattistini/concinnitas/tree/main/skills/design-validate
Command: npx skills add https://github.com/lucabattistini/concinnitas --skill design-validate-lucabattistini

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill ensures that the designed product aligns with the original problem statement, meets accessibility standards, covers all user flows, and is feasible for engineering.

Core Features & Use Cases

  • Problem Alignment Check: Verifies if the design directly addresses the initial business context and user needs.
  • Accessibility Audit: Reviews color contrast, touch targets, keyboard navigation, and screen reader compatibility.
  • Flow & Edge Case Verification: Confirms that user journeys and edge cases defined in earlier phases are supported by the design.
  • Engineering Feasibility Assessment: Identifies potential implementation challenges or costly design decisions.
  • Post-Launch Metric Definition: Helps define key performance indicators to track the design's success after release.
  • Use Case: After completing the visual design and system tokens, use this Skill to perform a final check before development, ensuring the design is robust, accessible, and aligned with project goals.

Quick Start

Run the design validate skill to check the current design against the original problem and accessibility standards.

Frequently Asked Questions about design-validate

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

FAQPage Schema
How do I validate a UI design against user flows and accessibility standards?

Design validation verifies that visual artifacts align with the original problem statement, meet accessibility requirements, and cover all defined user flows. It ensures the designed product is robust, accessible, and feasible for engineering to implement.

What is engineering feasibility assessment in design validation?

Engineering feasibility assessment identifies potential implementation challenges or costly design decisions within a visual design. It analyzes design system artifacts to flag technical constraints early, ensuring a smooth transition from design to engineering execution.

Can I audit color contrast and screen reader compatibility for existing design artifacts?

Yes, you can audit color contrast, touch targets, keyboard navigation, and screen reader compatibility. The validation process reviews existing expression phase artifacts to ensure the design meets accessibility standards for all users.

How do I check if my design system covers edge cases defined during discovery?

You check edge cases by verifying that user journeys defined in earlier discovery and structure phases are fully supported by the final design. This validation confirms all defined flows and system tokens handle expected edge scenarios.

What's the best way to define post-launch metrics for a design system?

The best way to define post-launch metrics is to validate the design against project goals and original user needs first. This helps identify key performance indicators necessary to track the design's success accurately after release.

Do I need completed visual designs and system tokens before running a design validation?

Yes, you need completed visual designs and system tokens from the expression phase. Validation analyzes these existing artifacts against discovery and structure phases to produce a comprehensive report for iteration.