mxa-frontend-standards
Sets the standard every screen clears whatever it is built with: how it is rendered, how it handles loading, empty and error states, how it stays accessible, and how it uses tokens rather than literal values. Frontend here means the whole experience layer, server included.
- Decides how each type of route is rendered, deliberately and in writing, rather than leaving it to the framework's default.
- Ships every data view with its loading, empty and error states, so nothing arrives half-built.
- Keeps accessibility as a floor: real names on controls, keyboard operability, contrast, and tokens rather than literal values.
- On a client's codebase, the client's conventions win on mechanism: this skill adapts to what is there rather than normalising it.
- Never starts a project on a copy-in component library, because it hands every project the same components.
What it uses
Default
Base UI
Alternatives
A client's own component library takes its place where there is one.
Also uses
Tailwind CSStailwind-variantsMotionLucide
Install it
Already on studio Claude accounts, in the Made by Agents plugin. Anyone else:
claude plugin marketplace add madebymany/madebyagentsclaude plugin install made-by-agents@madebymanyFor Cursor, Codex and other agents, just this skill:
npx skills add madebymany/madebyagents --skill mxa-frontend-standards