Frontend Finisher — Bundle

The problem

Most UI work stalls at the 80% mark, leaving behind broken breakpoints, inaccessible forms, and layout shifts that frustrate users. Developers often waste time on vanity metrics or total rewrites instead of fixing the high-impact friction points that actually kill conversions.

What it does

• Audits existing frontend code for accessibility, responsiveness, and performance issues based on real-world user impact.
• Prioritizes fixes by frequency and severity rather than arbitrary checklist order.
• Provides precise diffs and implementation instructions for the smallest possible code changes that solve the problem.
• Includes specific verification steps for every fix using real devices, network throttling, and assistive technologies.
• Generates structured backlogs for lower-priority polish tasks to prevent scope creep.

Why this beats prompting it yourself

Generic LLMs often suggest complete component rewrites or focus on "pixel-perfect" aesthetics rather than functional reliability. This skill enforces a disciplined engineering approach that ignores polish theater, strictly follows WCAG criteria, and focuses exclusively on shipping the last 20% of the project.

Use cases

• Perform a high-impact accessibility audit against WCAG criteria for a production checkout flow.
• Fix layout breakage and touch-target issues across specific mobile viewports.
• Identify and resolve visual stability issues like Layout Shift (CLS) on slow networks.
• Review a legacy component to improve its keyboard navigation without refactoring the logic.

Known limitations

Does not handle backend optimization, brand/identity design, or full-scale UI redesigns. Engineering reviews are not a substitute for legal compliance certification.