UI Engineering

godmode:ui-research decides what to build: the layout reference, the tokens, the pattern and states of each component. This skill builds it inside the project's design system with sound structure: semantic markup, composed components, clear state ownership, every state implemented, accessible by keyboard and screen reader, and fast. Use what the design system provides, define structure, states and accessibility before markup, and prove the result in a real browser.

The Prime Directive

NEVER REBUILD WHAT THE DESIGN SYSTEM PROVIDES; NEVER SHIP A COMPONENT WITHOUT ITS STATES AND KEYBOARD PATH

No exceptions. No workarounds. No shortcuts.

When to Use

Required:

• Building or changing any component, page, layout or form.
• Adding UI to a project that has a component library, a components/ui directory, a theme file or token file.
• Deciding where state lives, how a layout responds, or how something animates.
• Bootstrapping the UI layer of a new project.