frontend-powerhouse

Automatically runs commands after file edits and before stopping to manage code changes.

Defined in hooks/hooks.json

{
  "Stop": [
    {
      "hooks": [
        {
          "type": "prompt",
          "prompt": "The session is ending. Check if any component files (.tsx, .jsx) were created or modified. If so, remind the user to run tests and check coverage. Keep it brief."
        }
      ]
    }
  ],
  "PostToolUse": [
    {
      "hooks": [
        {
          "type": "prompt",
          "prompt": "A React component file was just written. Please validate it follows Chakra UI patterns, TypeScript best practices, and proper component structure. Check for: Chakra UI components and theme tokens, proper TypeScript interfaces for props, functional component pattern with clear naming. Read the file and report any issues without making changes."
        }
      ],
      "matcher": "Write"
    },
    {
      "hooks": [
        {
          "type": "prompt",
          "prompt": "A React component file was just edited. Check for accessibility issues: img alt text, button/link accessible labels, form element labels, semantic HTML usage, and proper ARIA attributes. Read the edited file and warn about any accessibility problems without making changes."
        }
      ],
      "matcher": "Edit"
    }
  ]
}

{
  "riskFlags": {
    "touchesBash": false,
    "matchAllTools": false,
    "touchesFileWrites": true
  },
  "typeStats": {
    "prompt": 3
  },
  "eventStats": {
    "Stop": 1,
    "PostToolUse": 2
  },
  "originCounts": {
    "absolutePaths": 0,
    "pluginScripts": 0,
    "projectScripts": 0
  },
  "timeoutStats": {
    "commandsWithoutTimeout": 0
  }
}