HamoodMMD

Adaptive Fwm UX UI — Design skill for Claude Code

Design community

Agent Skill for adaptive, evidence-based UX/UI audits and safe fixes.

How to install Adaptive Fwm UX UI

This entry records only its repository, not the path inside it, so there is no exact command to give. Open HamoodMMD/adaptive-fwm-ux-ui and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Adaptive Fwm UX UI does

Agent Skill for adaptive, evidence-based UX/UI audits and safe fixes. Classifies each surface of a site or app, applies only the matching rules, and preserves functionality and brand. Works with Claude Code and Codex.

Alternatives in Design

  • Grade — Generate a shareable HTML "Design Report Card" — letter grade, 8 dimensions, evidence (palette, type, rhythm) 3.6k ★
  • Design Dna — Turn reference UIs (images, screenshots, URLs) into quantified Design DNA JSON—tokens, qualitative style, visu 624 ★
  • Design Engineer Auditor Package — A Claude Code skill for motion design audits, trained on Emil Kowalski, Jakub Krehel, and Jhey Tompkins 196 ★

README

adaptive-fwm-ux-ui

An Agent Skill that audits and safely improves the UX and UI of any website or app.
It works out what it is looking at first, applies only the rules that fit, and leaves your functionality and brand alone.

Examples · Installation · Usage · How it works · Modules · Limitations

Version 1.0.2 · Agent Skills format · Claude Code and Codex · WCAG 2.2 AA · 27 rule modules · 109 indexed sources


Most UX checklists apply the same rules to everything. The right interface for a fashion store is the wrong interface for an incident dashboard, so this skill starts by working out what kind of product surface it is looking at and who uses it for what. Then it loads only the rules that fit, audits against them, and, if asked, makes the changes that are safe to make.

Adaptive Classifies each surface of a product, then picks from 14 product profiles and 8 interface patterns. A store, its customer account and its staff admin get different rules.
Evidence-based Every finding names its rule and what kind of rule it is: a WCAG requirement, an established principle, published research, design-system guidance, or a judgment call.
Safe Read-only by default. In fix mode it changes presentation only; anything touching logic, data, pricing or permissions is reported, not edited.
Brand-preserving Takes an inventory of the existing identity and fixes how a brand element is used before proposing to change the element. No house style.
Honest Never adds fake controls or data, never recommends manufactured urgency, and says what it could not verify.

Examples

T