reachai-page-assistant-onboarding
This skill connects a single frontend page to ReachAI Page Assistant by scaffolding an Angular bridge, registering query and action handlers like getPageState and search, marking high-risk row actions for confirmation, and verifying the integration through build validation. Use it when onboarding a specific business frontend page to enable AI-assisted interactions without requiring backend API Tools or SDK-level changes.
git clone --depth 1 https://github.com/w8123/EnterpriseAgentFramework /tmp/reachai-page-assistant-onboarding && cp -r /tmp/reachai-page-assistant-onboarding/ai-agent-service/src/main/resources/ai-assist/skills/reachai-page-assistant-onboarding ~/.claude/skills/reachai-page-assistant-onboardingSKILL.md
# ReachAI Page Assistant Onboarding Use this skill when a business frontend repository needs to connect one concrete page to ReachAI Page Assistant. ## Boundary - This is page assistant onboarding, not project SDK onboarding. - Do not add backend API Tools for simple page queries when the current page can expose Page Actions. - Do not implement gateway, SDK, or embed token broker work unless the user explicitly switches to project AI quick access. - Never read, print, or commit app secrets. Only use the configured environment variable name. ## Workflow 1. Read the ReachAI page assistant manifest. 2. Ask the user to choose the target page when multiple routes or page components match. 3. Scaffold the Angular bridge if the business frontend does not already have one. 4. Register query-first actions: `getPageState`, `setFilters`, `search`, `reset`, `readTable`. 5. Mark high-risk row actions with `confirmRequired=true` and metadata `riskLevel=HIGH`. 6. Run the business frontend build or type check. 7. Register the page through `endpoints.registerPageUrl`. 8. Report files, action keys, build/static/browser verification, and remaining blockers. ## References - `references/page-action-contract.md` - `references/angular-page-action.md` ## Templates - `templates/angular/reachai-page-action.types.ts` - `templates/angular/reachai-page-action.service.ts` - `templates/angular/page-registry.example.ts` ## Helper Script - `scripts/reachai-page-assistant.ps1`
Integrate Java business systems with ReachAI SDK registration and capability sync. Use when asked to connect a Spring Boot service to ReachAI, add reachai-capability-sdk or reachai-spring-boot2-starter, configure reachai.registry/reachai.project/reachai.capability, expose @ReachCapability methods, or verify SDK onboarding from a ReachAI manifest.
Systematically find and fix hardcoded dark/light mode color remnants in Vue components. Use when user reports dark backgrounds in light mode, light backgrounds in dark mode, or inconsistent theme appearance across pages.