Your HSBC Data, your Apps

Describe the app you want, and HSBCnio Apps builds it from your real HSBC data.

Sign-in opens HSBC's own page in a window.

HSBCnioApps

Apps

Not signed in Checking the AI…

Apps New app

New app

Export

Your HSBC Data, your Apps

Ask for what you want to see in the AI panel. The AI looks at your data and builds the app here. Then keep asking to change it.

Or start from an idea

Live apps load fresh data every time they're opened, with the viewer's own HSBC sign-in. Snapshot apps keep the data from when they were saved; you can refresh it or export the app as a file.

Loading…

Worth a look

Loading the editor…

Versions

Choose a version to look at it. Nothing changes until you restore one, and restoring keeps the version you have now.

This version used different data. It may show gaps here; restoring it fetches its own data.

Pour accessibility audit

The app as it renders in the preview, audited against WCAG 2.2 AA. Point at a finding to see where it is; press one to scroll the app to it.

Audited by Pour, free and open source.

Click the part of the app you want to change · Esc to cancel

Refreshing data…

Writing the app

AI

Build log

The AI isn't connected

Sent

Returned

Settings

Appearance

Theme for HSBCnio. Generated apps keep their own theme.

New apps

Where a new app's data comes from. An app keeps its kind once it's built.

Ask each timeChoose when you start a new app. Live dataThe app runs at its own address and fetches data in the browser when it's opened or used. Each viewer signs in to HSBC with their own login. No AI is involved when it runs. Snapshot dataThe data is fetched when the app is saved and kept with it. Refresh it on demand, or export the app as a folder that works offline.

Grill me

Before the AI works on a prompt, it can interview you in rounds of questions, each with its recommended answer, until you agree what to build.

Ask each timeChoose when you send a prompt. Grill me firstEvery prompt starts with questions. The AI builds once you confirm what you agreed. Just buildThe AI builds straight away and asks only when something important is unclear.

Design system

How the AI styles the apps it builds.

Ask each timeChoose when you send a prompt. HSBCnio UI Builds from Nio, HSBCnet's design system: its stylesheet, Univers font, icons and light and dark themes, with the reference markup in skills/hsbcnio-ui. Every saved app is checked against its rules. Preview components SAP Fiori Builds from SAP Fiori, SAP's design system for the web, in its Horizon theme: SAP's components, 72 font, icons and light and dark themes, with the reference markup in skills/sap-fiori. Every saved app is checked against its rules. Preview components NoneThe AI's own styling, within HSBCnio's defaults.

Tools

The tools the Nio server offers. The AI and the apps it builds can call them, except any that look like they change data.