skills.rest
45black-Limited
45black-LimitedOFFICIAL
Explore all skills by this author →
GitHub

ui-fix

Generate UI patches or instructions from design-system and WCAG compliance reviews.

1|Updated Feb 12, 2026
Search Tags:#ui#accessibility#frontend#fix#review#patch#design-system
One-click install
npx skills add https://github.com/45black-Limited/uk-legal-plugins --skill ui-fix-45black-limited
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ui-fix
Source: https://github.com/45black-Limited/uk-legal-plugins/tree/main/skills/ui-fix
Command: npx skills add https://github.com/45black-Limited/uk-legal-plugins --skill ui-fix-45black-limited

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

UI issues identified in reviews can stall delivery; ui-fix provides a structured workflow to convert those findings into actionable implementation instructions or patches.

Core Features & Use Cases

  • Generate developer-ready patches or step-by-step fixes from ui-review results.
  • Align fixes with the design system (Trustee/Saville) and accessibility standards.
  • Use with both non-code instructions and code patches to accelerate QA and delivery.

Quick Start

Identify a UI issue from the review and produce a patch or fix instructions for the relevant component.

Frequently Asked Questions about ui-fix

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

FAQPage Schema
How do I turn UI review findings into developer-ready patches?▼

To turn UI review findings into developer-ready patches, apply design-system rules and accessibility standards to the identified issues, producing either instruction-mode plain language steps or code-mode diffs for implementation.

Can I generate accessibility fixes that meet WCAG compliance from a frontend review?▼

Yes, you can generate WCAG-compliant accessibility fixes from a frontend review by applying accessibility standards to the identified UI issues, ensuring the resulting patches or instructions meet compliance requirements.

Does this approach work with both code patches and non-code fix instructions?▼

Yes, this approach works with both code patches and non-code fix instructions, supporting instruction-mode plain language steps for manual implementation and code-mode diffs for direct application to accelerate QA and delivery.

How do I align UI fixes with Trustee and Saville design system components?▼

To align UI fixes with Trustee and Saville design system components, the workflow integrates design-system references during patch generation, ensuring all fixes conform to the established component standards and rules.

What is the best way to automate UI patch generation from a design review?▼

The best way to automate UI patch generation from a design review is to use a structured workflow that applies design-system rules and accessibility standards, converting review findings into actionable implementation instructions or code diffs.

Related Skills

Explore More Design & Creative Skills→
FerroxLabsFerroxLabs
21

ferrox-ui-review

Audit frontend UI for visual quality, layout consistency, and accessibility issues.

Community
Intermediate
ibalasiteibalasite

design-review

Audit live sites for visual consistency across typography, spacing, and interactions.

Community
Advanced
CANTAGESTUDIOCANTAGESTUDIO
3

variant-consistency-checker

Validate UI component usage against design system specifications.

Community
Intermediate
89jobrien89jobrien
4

web-accessibility

Audit web content for WCAG 2.1/2.2 conformance and accessibility issues.

Community
Advanced