Agentic PlaybookAgentic product lifecycle

mxa-frontend

The standard, not an action: the floor every screen clears, whatever it is built with. Frontend means the whole experience layer, server included — not just the UI.

  • The floor every screen clears, whatever the framework
  • Decides rendering strategy per route type, never per project or per framework
  • Inverts on an adopted codebase: the client's conventions win on mechanism
  • Holds the accessibility floor, the three states every data view ships, and tokens over literals
  • Never a copy-in component library on a project we start

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.

Install it

npx skills add madebymany/madebyagents --skill mxa-frontend
Read the skill itself