impeccable-design-polish

Audits and polishes existing HTML pages for hierarchy, accessibility, motion, and responsive issues.

Updated Sep 5, 2026
One-click install
npx skills add https://github.com/pohlai88/afenda-xforge-v5 --skill impeccable-design-polish-pohlai88
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: impeccable-design-polish
Source: https://github.com/pohlai88/afenda-xforge-v5/tree/main/.agents/skills/impeccable-design-polish
Command: npx skills add https://github.com/pohlai88/afenda-xforge-v5 --skill impeccable-design-polish-pohlai88

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Existing web or HTML artifacts often ship with generic AI-looking design patterns, inconsistent spacing, weak typography, accessibility gaps, and fragile responsive behavior. This Skill provides a structured post-generation pass that audits, critiques, and directly improves the current page without restarting the project. ## Core Features & Use Cases - Design Audit & Critique: Identifies the highest-impact issues in visual hierarchy, spacing, color, type, interaction states, responsiveness, and accessibility, and explains what feels generic or inconsistent. - Polish & Harden: Directly edits the artifact to remove common AI tells (purple-blue glow gradients, generic 3-card feature rows, oversized rounded cards, empty marketing copy) while fixing mobile overflow, contrast problems, missing states, and broken links. - Restrained Animation & Live Prep: Adds motion only where it improves feedback or storytelling, preserves reduced-motion fallbacks, and prepares the page for presentation or sharing. - Use Case: After generating a landing page prototype, run this Skill to tighten the type scale, replace decorative gradients with purposeful styling, add focus states, and verify the layout holds on mobile before a live review. ## Quick Start Use impeccable-design-polish on the current HTML artifact to audit visual hierarchy, remove AI tells, tighten copy, add restrained motion, and fix responsive and accessibility issues.

Frequently Asked Questions about impeccable-design-polish

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

FAQPage Schema
How do I polish an AI-generated HTML page?

Run a post-generation design pass that audits hierarchy, spacing, color, and type, then directly edits the artifact. This Skill inspects the current page first, applies a few decisive fixes, and leaves it in a better runnable state rather than only listing critiques.

How to remove AI-looking design patterns from a webpage?

Target common AI tells: purple-blue glow gradients without product reason, generic 3-card feature rows, oversized rounded cards, empty marketing adjectives, and inconsistent type scales. Replace decorative effects with styling that supports comprehension.

What design skills pair well with a design polish pass?

Pair with design-taste-frontend or gpt-taste for stronger anti-slop redesign work, emilkowalski-motion or GSAP skills for motion-specific polish, and image or video skills when the artifact needs real visual assets instead of CSS-only decoration.

Does design polishing preserve accessibility and reduced motion?

Yes. The operating rules require preserving focus states, contrast, semantic controls, readable text, and reduced-motion fallbacks. Animation is added only where it improves feedback or storytelling, never at the expense of accessibility.

When should I not use a design polish skill?

Do not use it to start a project from scratch or change the brand, content, or scenario. It is a follow-up pass for an existing artifact; use initial generation or redesign skills when no page exists yet or a full creative restart is needed.