@johnwayneeee

browser-audit provides a structured pre-deploy audit covering lighthouse, wcag 2.2 aa, keyboard navigation, focus management, contrast, and responsive ux. combines automated tooling with manual browser verification to catch both automated and human-visible failures.

react-flow-best-practices covers review and refactoring of react flow v12 canvases with focus on stable identities, state ownership, custom components, and accessibility. includes workflow-specific red flags and reference checklist patterns.

ui-final-polish applies restrained visual refinement to existing ui components, focusing on spacing, hierarchy, and alignment without redesign. it constrains changes to preserve design intent while improving clarity and production readiness.

payoff-action-modeling provides a structured framework for deciding which ui actions to surface after users achieve meaningful outcomes, completion states, or workflow milestones. it classifies action scope, intent pressure, and placement to avoid decision fatigue while preserving momentum.

Convert Pencil `.pen` design files and named Pencil node IDs into production frontend code. Use when asked to implement, migrate, reproduce, or refine a Penc...