skills.rest
calcosmic
calcosmicCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

frontend-ui-audit

Audit frontend UI implementations across six quality pillars and generate structured feedback.

9|1|Updated Feb 1, 2026
Search Tags:#ui#performance#accessibility#frontend#audit#visual-design#responsiveness
One-click install
npx skills add https://github.com/calcosmic/Aether --skill frontend-ui-audit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: frontend-ui-audit
Source: https://github.com/calcosmic/Aether/tree/main/.aether/skills-codex/colony/frontend-ui-audit
Command: npx skills add https://github.com/calcosmic/Aether --skill frontend-ui-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Frontend UI audits help teams identify gaps in visual quality, accessibility, responsiveness, and interaction, turning vague perceptions into concrete, actionable guidance.

Core Features & Use Cases

  • Six-pillar audit framework covering Consistency, Accessibility, Responsiveness, Performance, Aesthetics, and Interaction.
  • Generates structured findings with clear fixes and strategic recommendations for design, development, and product alignment.
  • Use Cases: before shipping a UI change, during a design-to-implementation review, or after completing a frontend module to ensure quality and inclusivity.

Quick Start

Run the frontend-ui-audit on the implemented UI codebase to generate a prioritized improvement report.

Frequently Asked Questions about frontend-ui-audit

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

FAQPage Schema
What is a frontend UI audit and what does it evaluate?▼

A frontend UI audit evaluates implemented UI codebases for quality and accessibility. It assesses consistency, responsiveness, performance, aesthetics, and interaction to produce structured findings with concrete fixes.

How do I audit my frontend UI for accessibility and performance before shipping?▼

You can audit frontend UI by running an audit tool on your completed or in-progress UI implementations. It enforces a six-pillar framework to generate a prioritized improvement report with actionable feedback.

Does the frontend UI audit work with in-progress components or only completed layouts?▼

The frontend UI audit works with both completed and in-progress frontend work. Apply it across components, layouts, and interactions to identify visual quality gaps and ensure inclusivity before shipping.

What's the best way to review a design-to-implementation transition for frontend quality?▼

The best way to review design-to-implementation transitions is applying a six-pillar audit framework. It turns vague visual perceptions into concrete, actionable guidance with strategic recommendations for development alignment.

Why does my frontend UI review lack actionable feedback for developers?▼

Frontend UI reviews lack actionable feedback when they miss structured audit criteria. A six-pillar framework covering accessibility, responsiveness, and performance delivers formal reviews with clear fixes and strategic recommendations.

Can I use this UI audit for responsive design and interaction quality checks?▼

Yes, you can use the UI audit for responsive design and interaction quality checks. Responsiveness and interaction are core pillars of the audit framework, ensuring your UI adapts correctly and behaves as expected.

Related Skills

Explore More Design & Creative Skills→
lm93129lm93129
2

remediation-tracking

Track audit finding remediation plans, progress, verification, and closure.

Community
Intermediate
dominika-zajacdominika-zajac

accessibility-fix

Apply accessibility audit fixes to source files and re-verify with chrome-devtools-mcp.

Community
Advanced
1479089714790897
7

kwp-design-design-system

Audit component libraries for naming inconsistencies and missing documentation.

Community
Intermediate
gesmith0606gesmith0606

gsd-ui-review

Audit frontend code across six pillars and generate phase-based UI-REVIEW.md files.

Community
Intermediate