Frontend Patterns

Generally-applicable best practices for frontend work. Read every pattern below. If any matches what you're about to build, apply it. Don't ask permission for things that are codified here — just follow the rule and note in one line that you did.

When to consult this skill

Any time you are:

• Writing or editing TSX/JSX
• Adding a button that performs a save/create/submit action
• Adding any form
• Adding any dialog, modal, popover, or sheet
• Wiring keyboard shortcuts
• Reviewing UI changes

If none of the patterns below match the scenario, return to the original task without comment.

Patterns