shipflow-audit-design

Audit web projects for UI/UX issues, accessibility violations, and design inconsistencies.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/dianedef/ShipFlow --skill shipflow-audit-design
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shipflow-audit-design
Source: https://github.com/dianedef/ShipFlow/tree/main/.claude/skills/shipflow-audit-design
Command: npx skills add https://github.com/dianedef/ShipFlow --skill shipflow-audit-design

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive audit of UI/UX and accessibility for web projects, identifying design flaws, outdated patterns, and accessibility violations to improve user experience and compliance.

Core Features & Use Cases

  • Single Page Audit: Review a specific page for design and UX issues.
  • Full Project Audit: Conduct a deep dive into an entire project's design system, components, and consistency.
  • Global Audit: Analyze multiple projects within a workspace for systemic design problems.
  • Use Case: A developer can use this Skill to quickly get a design review of a new feature page before launch, ensuring it meets accessibility standards and design system guidelines.

Quick Start

Run a full design audit on the current project.

Frequently Asked Questions about shipflow-audit-design

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

FAQPage Schema
How do I audit my web project for UI/UX and accessibility issues?

A UI/UX and accessibility audit scans your web project to identify design system inconsistencies, outdated patterns, and accessibility violations. You can run single-page reviews or full project audits to receive detailed reporting and actionable fix recommendations.

What is the best way to check if a new feature page meets design system guidelines before launch?

The best way to check a new feature page is to run a single-page design audit. This process reviews the specific page for UI/UX issues, accessibility violations, and design system inconsistencies, providing actionable recommendations to fix them before launch.

Can I analyze multiple projects within my workspace for systemic design problems?

Yes, you can perform a global audit to analyze multiple projects within a workspace. This process identifies systemic UI/UX design problems and accessibility violations across the entire workspace, delivering comprehensive reports with actionable fix recommendations.

How do I identify outdated UI patterns and design system inconsistencies in my frontend?

To identify outdated UI patterns and design system inconsistencies, run a full project design audit. This deep dive evaluates your frontend components and overall consistency, generating detailed reports with actionable recommendations to resolve the violations.

Do I need to install any dependencies to run a frontend accessibility audit?

No dependencies are required to run a frontend accessibility audit. The process operates directly on your web project to detect accessibility violations, design system inconsistencies, and outdated UI patterns, outputting actionable fix recommendations without external setup.

What is the difference between a single page audit and a full project design audit?

A single page audit reviews one specific web page for UI/UX issues and accessibility violations, while a full project design audit conducts a deep dive into the entire project's design system, components, and consistency to identify broader systemic inconsistencies.