skills.rest
trydydd
trydyddCOMMUNITY
Explore all skills by this author →
GitHub

i-audit

Audits UI components, pages and design tokens across five dimensions producing prioritized reports with scores and remediation steps.

Updated Apr 15, 2026
Search Tags:#theming#performance#accessibility#audit#reporting#responsive-design
One-click install
npx skills add https://github.com/trydydd/open-circuits --skill i-audit-trydydd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: i-audit
Source: https://github.com/trydydd/open-circuits/tree/main/.claude/skills/i-audit
Command: npx skills add https://github.com/trydydd/open-circuits --skill i-audit-trydydd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill runs systematic technical quality checks to surface accessibility, performance, theming, responsive design, and anti-pattern issues, enabling teams to document findings and plan improvements rather than making ad-hoc fixes.

Core Features & Use Cases

  • Comprehensive diagnostics across 5 dimensions (Accessibility, Performance, Theming, Responsive Design, Anti-Patterns) with structured scoring.
  • Actionable reports that translate findings into remediation plans without making fixes directly.
  • Use Case: A development team wants a reproducible QA check before release to ensure WCAG compliance, performance budgets, and design token consistency.

Quick Start

Invoke the /i-audit command on the target project to generate a comprehensive audit report.

Frequently Asked Questions about i-audit

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

FAQPage Schema
How do I audit UI quality for accessibility and performance issues?▼

A UI quality audit evaluates accessibility, performance, theming, responsive design, and anti-patterns to generate a structured, prioritized report. It captures measurable 0-4 scores per dimension and documents actionable remediation steps without making direct code fixes.

How do I generate a WCAG compliance report for a design system release?▼

You generate a WCAG compliance report by running systematic technical quality checks on UI components, pages, and design tokens. This translates accessibility and anti-pattern findings into structured, actionable remediation plans for your release.

Does an end-to-end UI audit automatically fix design token inconsistencies?▼

No, an end-to-end UI audit does not automatically fix design token inconsistencies. It systematically identifies theming issues and documents actionable remediation steps in a structured format, enabling teams to plan improvements rather than making ad-hoc fixes.

What's the best way to score responsive design and performance budgets?▼

The best way to score responsive design and performance budgets is to apply a systematic audit to UI components and pages. This captures measurable 0-4 scores per dimension and documents technical quality issues in a structured, prioritized report format.

Can I use technical quality checks to audit responsive design anti-patterns?▼

Yes, you can use technical quality checks to audit responsive design anti-patterns. The audit systematically identifies anti-patterns across UI components, pages, and design tokens, generating a comprehensive, prioritized report with actionable remediation steps.

Related Skills

Explore More Software Engineering Skills→
alissimorealissimore

ui-styling

Apply Nexus design system and Tailwind CSS tokens to UI components.

Community
Basic
mberetvasmberetvas

i-audit

Audit web codebases across five dimensions and generate scored reports.

Community
Advanced
jonnabiojonnabio
6

ci-cd-pipeline

Automate CI/CD pipeline design and configuration for software workflows.

Community
Intermediate
slantviewslantview
1

qa

Execute software quality assurance tests and report bugs via Linear.

Community
Advanced