BluKavantUI Design system

Web workflows

Turn a request into working TypeScript with the right APIs, styles, data bindings and examples.

Web / TypeScript

“Use the BluKavantUI MCP to build a support panel with ChatWidget and a FloatButton using a custom SVG icon. Fetch the web APIs and examples, include the correct CSS, and wire my chat endpoint.”

Start from a complete screen

“Use the Event template for our conference site. Read its web component dependencies and extra CSS/setup requirements, copy all required files, then connect registration to /api/registrations.”

Build a records workspace

“Create a customer Grid with a Drawer for record details. Fetch the typed web APIs and examples, connect my load/save functions, and preserve edits when a save fails.”

  1. Search the catalog and read blukavantui_get_component with platform: "web", including API and types.
  2. Fetch blukavantui_get_example for the working TypeScript source. Preserve its imports and factory/event signatures.
  3. Load the theme once, mount the component, connect your own data and callbacks, and destroy the instance on unmount.
  4. For a screen template, use blukavantui_get_template to get every source file, component dependency, stylesheet and setup requirement.

Install the web package and starter →

WEB · FORM STORAGE & ATTACHMENTS

Use the working form workflow in your own web app

MCP 1.0.0 includes complete TypeScript source for a shared FormBuilder/FormRenderer workspace and HTTP storage adapter: save RawJson, upload files, submit answers, reload and download. It documents the exact web inputs, callback arguments, request-ID acknowledgements and application-owned backend routes.

blukavantui_get_guide({"topic":"web-form-storage"})

Both web component examples return this recipe in recommendedIntegration. The same guide is available at blukavantui://guides/web-form-storage. Its sourceFiles contain the complete implementation; the website's temporary preview adapter is clearly separate from your production storage.

FormBuilder Code → · FormRenderer Code →

Update an older pinned MCP package URL to 1.0.0 and reconnect to load this guide.

Build complete Pro workflows

Ask for blukavantui_get_guide(topic="pro-workflows") for multi-CSV imports and optional key repair, timed video and image reviews, Kanban filters, and resource-aware project timelines. The guide includes exact web and native contracts, save acknowledgements, setup steps and backend responsibilities.

Try related CSV imports · Try timed video review · Explore resource planning

MCP-POWERED PROJECT EXPORT

OutSystems export & modernization

Use MCP-powered tooling to support exporting and transforming selected parts of OutSystems projects into other languages and frameworks. OutSystems MCP supplies source context; BluKavantUI MCP supplies UI contracts and examples. Your agent reconstructs and verifies the target for interoperability, modernization or migration. Try the working TypeScript + Express example.

Explore export & modernization →

Assisted reconstruction with explicit integration boundaries. The guide distinguishes the verified Express examples from framework adaptation patterns.

Search BluKavantUI