skills.rest
yongwoon
yongwoonCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

ywc-design-renew

Detect and remove AI-generated design patterns from frontend components.

8|1|Updated May 13, 2026
Search Tags:#design#ui#frontend#audit#renewal#ai-slop
One-click install
npx skills add https://github.com/yongwoon/ywc-agent-toolkit --skill ywc-design-renew
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ywc-design-renew
Source: https://github.com/yongwoon/ywc-agent-toolkit/tree/main/claude-code/skills/ywc-design-renew
Command: npx skills add https://github.com/yongwoon/ywc-agent-toolkit --skill ywc-design-renew

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill solves the problem of generic, AI-generated frontend interfaces that suffer from predictable visual clichés like gradient text, cyan-on-dark palettes, and uniform card grids, ensuring your UI looks distinctive and intentional.

Core Features & Use Cases

  • De-Slop Audit: Automatically detects AI-slop signals and provides a prioritized audit report with a pass/fail gate.
  • Design Renewal: Transforms generic surfaces into bold, distinctive designs by applying professional aesthetic rules.
  • Use Case: Use this when a dashboard or hero section feels like it was made by an AI and you need to apply a professional, brand-aligned aesthetic without breaking existing functionality.

Quick Start

Ask the agent to renew the design of the hero component by providing the target path and your brand context.

Frequently Asked Questions about ywc-design-renew

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

FAQPage Schema
How do I remove AI-slop patterns from my frontend UI design?▼

An AI-slop audit detects generic frontend design patterns like gradient text, cyan-on-dark palettes, and uniform card grids, providing a prioritized report with a pass/fail gate to ensure your UI looks distinctive and intentional.

What is the best way to renew a dashboard that looks AI-generated?▼

An AI-slop audit detects generic frontend design patterns like gradient text, cyan-on-dark palettes, and uniform card grids, providing a prioritized report with a pass/fail gate to ensure your UI looks distinctive and intentional.

How do I audit my frontend components for generic AI design patterns?▼

An AI-slop audit detects generic frontend design patterns like gradient text, cyan-on-dark palettes, and uniform card grids, providing a prioritized report with a pass/fail gate to ensure your UI looks distinctive and intentional.

Can I apply brand-aligned design systems without breaking existing frontend functionality?▼

An AI-slop audit detects generic frontend design patterns like gradient text, cyan-on-dark palettes, and uniform card grids, providing a prioritized report with a pass/fail gate to ensure your UI looks distinctive and intentional.

Do I need to provide brand context to renew a hero component design?▼

An AI-slop audit detects generic frontend design patterns like gradient text, cyan-on-dark palettes, and uniform card grids, providing a prioritized report with a pass/fail gate to ensure your UI looks distinctive and intentional.

When should I avoid using automated design renewal for my UI?▼

An AI-slop audit detects generic frontend design patterns like gradient text, cyan-on-dark palettes, and uniform card grids, providing a prioritized report with a pass/fail gate to ensure your UI looks distinctive and intentional.

Related Skills

Explore More Design & Creative Skills→
vobasevobase
59

teach-impeccable

Scan project files and write design context to CLAUDE.md.

Official
Intermediate
hajrasarwar11hajrasarwar11

design

Delegate frontend design tasks to a specialized subagent for iterative refinements.

Community
Intermediate
christopherlouetchristopherlouet
5

dev-frontend-design

Apply art direction to frontend designs with custom styles, typography, and color schemes.

Community
Intermediate
xu-mengnanxu-mengnan

frontend-design

Guide creation of distinctive web interfaces with custom typography and cohesive color themes.

Community
Intermediate