mxa-frontend
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 is inside
Instructions and 2 reference sheets. Nothing here runs on its own: the judgement is the skill.
- Reference
- apis.mddefault-stack.md
- Evals
- 4
Works with
The outside tools and connectors this skill drives.
- Base UI components· our default
- Tailwind CSS
- tailwind-variants
- Motion for animation
- Lucide icons
The first is what we reach for on our own projects. A project that already uses one of the others keeps it, and the skill works with that instead.