skills.rest
porcupine-md
porcupine-mdOFFICIAL
Explore all skills by this author →
GitHub

reviewing-frontend-aesthetics

Audit frontend code for design inconsistencies and AI slop without modification.

11|2|Updated Apr 7, 2026
Search Tags:#accessibility#frontend#audit#aesthetics#analyze#design-review#ai-slop
One-click install
npx skills add https://github.com/porcupine-md/jonggrang --skill reviewing-frontend-aesthetics
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: reviewing-frontend-aesthetics
Source: https://github.com/porcupine-md/jonggrang/tree/main/skills/library/frontend/reviewing-frontend-aesthetics
Command: npx skills add https://github.com/porcupine-md/jonggrang --skill reviewing-frontend-aesthetics

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill enables a read-only frontend design audit to assess visual hierarchy, spacing consistency, accessibility, and detect AI-generated design patterns, delivering actionable feedback to developers.

Core Features & Use Cases

  • Audit Read-Only: Inspect frontend code for visual hierarchy, spacing, accessibility, and consistency without modifying source.
  • AI Slop Detection: Identify generic AI-generated design patterns and recommend improvements.
  • Use Case: Reviewer agents run Phase 9 (DesignVerify) and Phase 11 (Quality) audits to produce a comprehensive design critique.

Quick Start

Run a read-only audit of a frontend project and generate a prioritized audit report.

Frequently Asked Questions about reviewing-frontend-aesthetics

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

FAQPage Schema
How do I audit frontend code for visual hierarchy and spacing consistency without modifying the source?▼

AI slop detection identifies generic, AI-generated design patterns during a frontend aesthetics audit, flagging visual inconsistencies and recommending targeted improvements to enhance design quality.

What is the best way to review frontend accessibility and design consistency in Phase 9 and Phase 11?▼

A frontend aesthetics audit evaluates accessibility, spacing consistency, and visual hierarchy to produce a structured report, helping developers resolve prioritized design issues efficiently.

Does this frontend design review tool automatically fix code or only generate an audit report?▼

This read-only design audit tool inspects code to identify visual inconsistencies and AI slop, generating a prioritized report with actionable recommendations instead of applying code fixes.

Can I use this tool to detect AI-generated design patterns and generic UI spacing issues?▼

The frontend aesthetics audit detects AI slop by identifying generic AI-generated design patterns and evaluating spacing consistency, providing actionable feedback for developers.

Related Skills

Explore More Design & Creative Skills→
a2musa2mus

memory-bank

Initialize, read, update, and review structured project memory files across sessions.

Community
Advanced
clearsmogclearsmog
2

visual-audit

Audit visual layouts of Quarto, Beamer, and Typst documents for overflow and font issues.

Community
Advanced
zhizhunbaozhizhunbao

full-development

Orchestrate an 11-phase software development lifecycle with automated quality gates.

Community
Advanced
hffmnnjhffmnnj
39

visual-regression

Compare screenshots pixel-by-pixel to detect unintended UI changes.

Community
Intermediate