Skip to main content

AI Assistant Workflow

Prerequisites​

  • Complete every step in the Creating the Widget Repository section before attempting AI-assisted development.
  • Work in a repository generated from the official widget template to ensure the prompt library is available.

Selecting an AI Assistant and Tooling​

  • Use any modern coding assistant (for example, Claude Code, Codex, Gemini CLI) or IDEs with embedded AI help (such as Cursor or VS Code with Cline).
  • For richer context, install the context7 MCP server so the assistant can reference npm package documentation during implementation.

Preparing Prompts During npm run setup​

  • Run npm run setup in the template repository and choose the widget features and authentication flow (if required).
  • The setup script writes enabled-widget-features.yaml and associates each selected option with its dedicated prompt file in widget-features-prompts/.

Supplying the Main Prompt to the Assistant​

  • Include @invent-widget-prompt.md from the repository root in the AI assistant session; it is the canonical reference for Invent widget development and is maintained alongside documentation updates.
  • For Claude Code, rename the file to CLAUDE.md so it is automatically loaded when the CLI starts in the project folder.