- Home
- Skills
- UX & UI Design
- Frontend Finisher (Bundle)
Works with the AI Agents you already use
Frontend Finisher (Bundle)
Finds UX, accessibility, responsive and performance gaps in a frontend before launch. Includes the persona plus 4 skills: a11y passer, a11y quickcheck, perf budgeter, responsive auditor.
$39
Frontend Finisher (Bundle)
Example session with this skill installed
Review this login form markup. Users on mobile are complaining it feels clunky and screen reader users are getting stuck at the 'Submit' button.
- Read your context and instructions
- Compiled the frontend finisher bundle
The 'Submit' button lacks an accessible name because the icon isn't hidden from the AOM.
Fix
- <button class="btn"><i class="icon-arrow"></i></button>
+ <button class="btn" aria-label="Submit Login"><i class="icon-arrow" aria-hidden="true"></i></button>
Verify: Test with VoiceOver; focus should now announce "Submit Login, button".
Connects securely to your tools. The creator never sees your data.
About this skill
Finds UX, accessibility, responsive and performance gaps in a frontend before launch.
What is inside
The persona plus 4 skills.
- a11y passer
- a11y quickcheck
- perf budgeter
- responsive auditor
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.
Find more skills like this on the Claude Skills Marketplace, the Codex Skills Marketplace and the Gemini Skills Marketplace, or browse Claude Skills for UX & UI Design.
Focuses on frontend fixes only. Not a substitute for legal accessibility certification. Explicitly avoids full redesigns or brand strategy.
How to use
- 1
Connect your agent to the Agensi MCP
Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup
- 2
Sign in to Agensi
Your agent shows a sign-in link. Sign in and click Allow.
- 3
Ask for what you need
Your agent loads this skill and uses it on your task. It always asks before buying a skill.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill goes through the trust checks below.
Security scanned
Checked by our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.
Trust & safety
Security scan
Security scan passed 3 months ago
Permissions
No special permissions declared or detected