frontend-ai-audit

Identify and remediate AI-generated patterns in frontend code, UI design, and marketing copy.

Updated Apr 13, 2026

Search Tags:#frontend #audit #tailwind #quality-assurance #ui-design #code-review #ai-detection

Ready to run

npx skills add https://github.com/henrycashe26/my_skills --skill frontend-ai-audit

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: frontend-ai-audit
Source: https://github.com/henrycashe26/my_skills/tree/main/coding/frontend-ai-audit
Command: npx skills add https://github.com/henrycashe26/my_skills --skill frontend-ai-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill identifies and corrects the "AI slope"—a cluster of generic visual, code, and copywriting patterns that make frontend projects look like uninspired, template-generated output.

Core Features & Use Cases

Multi-Domain Audit: Scans visual design, code structure, form UI, and copywriting for specific AI-generated tells.
Concrete Remediation: Provides actionable, specific alternatives to generic patterns like indigo gradients, Inter-font monoculture, and shadcn prop hallucinations.
Use Case: Use this skill when reviewing a landing page or component library to ensure the output feels human-designed, intentional, and professional rather than like a default Tailwind UI demo.

Quick Start

Run the frontend-ai-audit skill on the provided code or screenshot to receive a detailed report with a 0-10 AI slope score and three high-leverage fixes.

Frequently Asked Questions about frontend-ai-audit

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

FAQPage Schema

How do I detect AI-generated patterns in frontend code?▼

To detect AI-generated patterns in frontend code, you audit visual design, code structure, and copy specificity for generic tells like indigo gradients or default Tailwind UI demos. This evaluates codebase quality to improve design authenticity.

What is AI-generated frontend slop in UI design?▼

AI-generated frontend slop in UI design is a cluster of generic visual, code, and copywriting patterns that make projects look like uninspired, template-generated output. It typically includes Inter-font monoculture and shadcn prop hallucinations.

How do I audit a Tailwind landing page for generic AI tells?▼

To audit a Tailwind landing page for generic AI tells, scan the visual design, code structure, form UI, and copywriting. This review identifies uninspired patterns and provides actionable alternatives to ensure the output feels human-designed.

Does this frontend code review work with existing component libraries?▼

Yes, this frontend code review works with existing component libraries by systematically evaluating visual tells and code structure. It assesses component libraries to ensure the output feels intentional and professional rather than a default template.

What is the best way to remediate shadcn prop hallucinations?▼

The best way to remediate shadcn prop hallucinations is to apply concrete, specific alternatives during a systematic codebase quality assessment. This replaces generic AI-generated code structure patterns with intentional, human-designed frontend implementations.

When should I not use an automated UI design audit?▼

You should not use an automated UI design audit when your frontend requires highly bespoke visual branding or complex custom marketing copy that defies standard pattern recognition. The audit targets generic AI slope, not unique creative implementations.