🎯

audit-ui

🎯Skill

from mblode/agent-skills

What it does

Performs comprehensive UI quality review focusing on typography, accessibility, and user experience refinement before product release.

📦

Part of

mblode/agent-skills(8 items)

audit-ui

Installation

Quick InstallInstall with npx

npx skills add mblode/agent-skills

📖 Extracted from docs: mblode/agent-skills

Need more details? View full documentation on GitHub →

7Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Final UI quality audit for typography, accessibility, and UX polish. Use when reviewing or refining UI before release.

Overview

# UI Audit

Run the checklist that matches the change.

Choose the checklist

Full UI pass: craft-checklist.md.
Typography audit: typography-checklist.md.
Motion rules and recipes: use ui-animation.

Workflow

Apply only the items relevant to the surface.
When reviewing, cite file paths and line numbers and propose concrete fixes.

More from this repository7

🎯

multi-tenant-platform-architecture🎯Skill

Enables secure, scalable multi-tenant platform architectures on Cloudflare Workers with deterministic routing, tenant isolation, and custom domain support.

🎯

plan-feature🎯Skill

Generates comprehensive, step-by-step feature implementation plans by systematically exploring requirements, analyzing codebase architecture, and mapping out specific changes across multiple files.

🎯

ui-animation🎯Skill

Provides guidelines and best practices for creating performant, accessible, and delightful UI animations with consistent motion principles.

🎯

implement-frontend🎯Skill

Implements frontend best practices for React/TypeScript, focusing on type safety, form handling, state management, and clean, performant code.

🎯

review-pr🎯Skill

Reviews pull requests for bugs and CLAUDE.md compliance, providing high-signal, actionable feedback with precise inline comments.

🎯

optimise-seo🎯Skill

Optimizes SEO for Next.js App Router by implementing metadata, structured data, semantic HTML, and performance improvements without visual redesigns.

🎯

define-architecture🎯Skill

Defines TypeScript app architecture by establishing repo layout, workflow patterns, and full-stack conventions for efficient project setup and scaling.