AICHE +

W

Webstorm Integration

The short answer: open WebStorm, position your cursor in a JSDoc block or comment, press ⌃+⌥+R (Mac) or Ctrl+Alt+R (Windows/Linux), speak your documentation for 30-60 seconds, and AICHE inserts formatted text.

WebStorm users build complex JavaScript applications requiring detailed JSDoc comments and TypeScript annotations, but typing interface definitions takes 8+ minutes. Voice captures component logic faster than keyboard mechanics.

1. Open WebStorm with your JavaScript or TypeScript project.
2. Position your cursor where you need documentation (above function, component, or interface).
3. Press your AICHE hotkey to start recording.
4. Speak your complete explanation (example: "Add JSDoc comments to this React hook for managing shopping cart state. Hook uses useReducer for complex state updates and localStorage for persistence. Accepts optional initial items array and storage key string. Returns object with cart items array, addItem function accepting product object with id, name, price, and quantity, removeItem function accepting product id, updateQuantity function for changing item amounts, clearCart function, and total price computed value. AddItem merges quantities if product already exists. Hook syncs to localStorage on every state change using useEffect. Includes TypeScript interfaces for CartItem and CartState. Handles edge cases for invalid quantities and missing product ids").
5. Press the hotkey again-AICHE transcribes and inserts the text.
6. Add JSDoc syntax (/**, @param, @returns) and TypeScript types manually.

Heads-up: WebStorm's autocomplete works after voice dictation. Once you've spoken the description, WebStorm's IntelliSense can suggest parameter names and types based on your verbal explanation.

The pro-tip: speak TypeScript interface definitions as structured lists. Saying "interface UserProfile with id as number, name as string, email as string, role as union of admin or user, and created at as Date" creates clear documentation you translate to TypeScript syntax.

Result: JSDoc comments with TypeScript type definitions, React hook documentation with edge cases, and component prop interfaces that took 12 minutes to type now take 2 minutes to dictate, and WebStorm's type inference improves because comprehensive JSDoc comments guide autocomplete.

Do this now: open WebStorm, navigate to your most complex React component or custom hook, position cursor above it, press your hotkey, and explain the component's props, state management, and side effects as if teaching someone new to the codebase.