"Covers MaxKB Vue/Vite admin and chat SPAs, routing, build
Scanned 9/8/2026
Install to Claude Code
Skills Directorynpx -y skills add VectorSpaceLab/AREX-Skill --skill frontend-integration --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Frontend Integration?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/vectorspacelab-frontend-integration)More formats (shields.io, HTML) on the badges page.
---
name: "frontend-integration"
description: "Covers MaxKB Vue/Vite admin and chat SPAs, routing, build
contract, and workflow-canvas UI."
disable-model-invocation: true
metadata:
disco-role: operating
license: GPL 3.0
---
# frontend-integration
Use this sub-skill for MaxKB UI, router, build, and static-asset tasks.
## Owns
- `ui/` build and runtime commands.
- Admin/chat router layout and Vite proxy/base-path behavior.
- Workflow canvas node UI alignment with backend node families.
- Static asset and i18n/theme integration.
## Do not own
- Backend bootstrap and Celery -> `runtime-architecture`.
- Workflow execution semantics -> `workflow-chat-mcp`.
- Knowledge/provider internals -> `knowledge-models`.
- Management-only backend pages and APIs -> `admin-access`.
## Key files
- `references/frontend-contract.md`
- `references/troubleshooting.md`
- `scripts/frontend_contract_check.py`
## Guidance
- Treat the UI as a contract with the backend prefixes and API families.
- Call out when a change needs a rebuilt `ui/dist`.
- Keep route and proxy advice aligned with the actual Vite config.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
Designs system architecture, component specifications, and technical integration strategy. Use when: designing solutions, system architecture, technology stack, or integration approaches.
Generate a comprehensive VC investment assessment report for a company
Find and cancel unwanted subscriptions by analyzing bank transactions. Detects recurring charges, calculates annual waste, and helps you cancel with direct URLs and browser automation. Use when: 'cancel subscriptions', 'audit subscriptions', 'find recurring charges', 'what am I paying for', 'save money', 'subscription cleanup', 'stop wasting money'. Supports CSV import (Apple Card, Chase, Amex, Citi, Bank of America, Capital One, Mint, Copilot) OR Plaid API for automatic transaction pull. Out...
Compose rich, readable Telegram messages using HTML formatting via direct Telegram API. Use when: (1) Sending any Telegram message beyond a simple one-line reply, (2) Creating structured messages with sections, lists, or status updates, (3) Need formatting unavailable via Clawdbot's Markdown conversion (underline, spoilers, expandable blockquotes, user mentions by ID), (4) Sending alerts, reports, summaries, or notifications to Telegram, (5) Want professional, scannable message formatting wit...
Analyze stocks and cryptocurrencies using Yahoo Finance data. Supports portfolio management (create, add, remove assets), crypto analysis (Top 20 by market cap), and periodic performance reports (daily/weekly/monthly/quarterly/yearly). 8 analysis dimensions for stocks, 3 for crypto. Use for stock analysis, portfolio tracking, earnings reactions, or crypto monitoring.
