UI UX Pro Max
futureboard/futureboard-studio
Comprehensive design guide for web, mobile, and desktop applications.
Guides work on truST's HMI - the HMI Builder editor, page files, the runtime display at /hmi, bindings, commands and writes, authorization, alarms and trends, the plant library and the HMI tests.
$ npx skills add johannesPettersson80/trust-platform --skill trust-hmi-contracts -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install johannesPettersson80/trust-platform trust-hmi-contracts --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/johannesPettersson80/trust-platform.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.codex/skills/trust-hmi-contracts .claude/skills/trust-hmi-contracts && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "trust-hmi-contracts" agent skill from https://github.com/johannesPettersson80/trust-platform/tree/main/.codex/skills/trust-hmi-contracts into .claude/skills/trust-hmi-contracts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "trust-hmi-contracts", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/johannesPettersson80/trust-platform/tree/main/.codex/skills/trust-hmi-contractsType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add johannesPettersson80/trust-platform --skill trust-hmi-contracts -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install johannesPettersson80/trust-platform trust-hmi-contracts --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/johannesPettersson80/trust-platform.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.codex/skills/trust-hmi-contracts .agents/skills/trust-hmi-contracts && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "trust-hmi-contracts" agent skill from https://github.com/johannesPettersson80/trust-platform/tree/main/.codex/skills/trust-hmi-contracts into .agents/skills/trust-hmi-contracts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "trust-hmi-contracts", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add johannesPettersson80/trust-platform --skill trust-hmi-contracts -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install johannesPettersson80/trust-platform trust-hmi-contracts --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/johannesPettersson80/trust-platform.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.codex/skills/trust-hmi-contracts .cursor/skills/trust-hmi-contracts && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "trust-hmi-contracts" agent skill from https://github.com/johannesPettersson80/trust-platform/tree/main/.codex/skills/trust-hmi-contracts into .cursor/skills/trust-hmi-contracts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "trust-hmi-contracts", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/johannesPettersson80/trust-platform.git --path .codex/skills/trust-hmi-contracts--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add johannesPettersson80/trust-platform --skill trust-hmi-contracts -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install johannesPettersson80/trust-platform trust-hmi-contracts --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/johannesPettersson80/trust-platform.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.codex/skills/trust-hmi-contracts .gemini/skills/trust-hmi-contracts && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "trust-hmi-contracts" agent skill from https://github.com/johannesPettersson80/trust-platform/tree/main/.codex/skills/trust-hmi-contracts into .gemini/skills/trust-hmi-contracts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "trust-hmi-contracts", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install johannesPettersson80/trust-platform trust-hmi-contractsInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add johannesPettersson80/trust-platform --skill trust-hmi-contracts -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/johannesPettersson80/trust-platform.git skills-src && mkdir -p .github/skills && cp -r skills-src/.codex/skills/trust-hmi-contracts .github/skills/trust-hmi-contracts && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "trust-hmi-contracts" agent skill from https://github.com/johannesPettersson80/trust-platform/tree/main/.codex/skills/trust-hmi-contracts into .github/skills/trust-hmi-contracts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "trust-hmi-contracts", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add johannesPettersson80/trust-platform --skill trust-hmi-contracts -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install johannesPettersson80/trust-platform trust-hmi-contracts --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/johannesPettersson80/trust-platform.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.codex/skills/trust-hmi-contracts .opencode/skills/trust-hmi-contracts && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "trust-hmi-contracts" agent skill from https://github.com/johannesPettersson80/trust-platform/tree/main/.codex/skills/trust-hmi-contracts into .opencode/skills/trust-hmi-contracts/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "trust-hmi-contracts", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
trust-hmi-contractsGuides work on truST's HMI - the HMI Builder editor, page files, the runtime display at /hmi, bindings, commands and writes, authorization, alarms and trends, the plant library and the HMI tests.
Trust Hmi Contracts is an agent skill from johannesPettersson80/trust-platform. Guides work on truST's HMI - the HMI Builder editor, page files, the runtime display at /hmi, bindings, commands and writes, authorization, alarms and trends, the plant library and the HMI tests. Use for any HMI feature, fix or test, the HMI runtime API or write path, HMI visual design, plant-library function blocks, or HMI deployment.
Its SKILL.md is about 1.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Frontend & Design, covering UI design and Authorization and RBAC. It works with Rust, Visual Studio Code and TypeScript. The repository describes itself as: truST Platform — IEC 61131‑3 Structured Text tooling suite. The licence is Apache-2.0.
Read from SKILL.md and the folder at commit b7d8ffb. It shows what the files ask for, not the result of running them.
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Shell commands in SKILL.md call:
cargonpxnpmFrom the folder's file list and the shell code blocks in SKILL.md.
No URLs in SKILL.md. Its commands use npx and npm, which can reach the network depending on how they are called.
From URLs in SKILL.md, links to its own repository left out.
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Trust Hmi Contracts loads about 1.4k tokens when it runs. Until then it costs about 89 tokens; SKILL.md has 687 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.
The full file from johannesPettersson80/trust-platform at commit b7d8ffb, republished under its Apache-2.0 licence (© johannesPettersson80). 687 words, ~1,375 tokens.
.claude/skills/trust-hmi-contracts/SKILL.md (or your agent's skills folder).Hard rule (AGENTS.md): all logic is in Rust. Logic is anything whose result is stored, sent to a runtime or PLC, or decides an engineering or operator outcome. TypeScript only presents (drawing, layout, mouse interaction, view state) and forwards requests to Rust. Never add logic in TypeScript. Existing TypeScript logic is debt to move into Rust, not to extend.
HMI logic is Rust: bindings, commands and writes, authorization, alarms, trends, equipment edits and
page validation live in the runtime or in trust-lsp. The HMI Builder webview and the /hmi page
only render and forward. Known TypeScript debt, listed in AGENTS.md: the HMI agent's authoring
engine in agent/ (composition, edits, drafts, reviews, requests), which moves in checklist H4. Drawing,
drag, snapping and pipe routing are presentation and stay in TypeScript.
Specification 39 (docs/specs/39-hmi-builder.md) defines the HMI:
/hmi;The plant library is specified in docs/specs/trust-plant-library.md and documented in
docs/guides/HMI_LIBRARY_GUIDE.md.
Older checkouts: a checkout without specification 39 still carries the old HMI, which
specification 39 removed (hmi/*.toml widgets, hmi.schema.get, hmi.values.get, hmi.write).
There, docs/guides/HMI_OPERATOR_FIRST_SPECIFICATION.md applies.
Alarm function block; extend it for your own
detection;Behaviour changes follow trust-test-authoring: specification 39 first, then the native test.
Runtime, on the builder:
cargo test -p trust-runtime --lib hmi::cargo test -p trust-runtime --test hmi_check_command --test hmi_examples --test plant_examples --test web_hmi_display --test web_hmi_faceplates --test web_hmi_commands --test web_hmi_method_commands --test web_hmi_settings --test web_hmi_alarms --test web_hmi_historyVS Code: TRUST_VSCODE_TEST_GREP='HMI' selects the HMI Builder, HMI drawing and HMI display
suites.
Browser: run scripts/hmi-screen-tests with npx playwright test, after
cargo build -p trust-runtime --bin trust-runtime. It covers:
npm run update-screens approves a new look. Run it only after you have reviewed the images.
Live check: open /hmi on a running example. Check the pages with live values, the equipment
panels, the alarm list and the trends, and review the screenshots yourself.
What specification 39 requires:
© johannesPettersson80, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Just SKILL.md in .codex/skills/trust-hmi-contracts of johannesPettersson80/trust-platform.
Open the folder on GitHubat commit b7d8ffb
Trust Hmi Contracts next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Trust Hmi Contracts this skilljohannesPettersson80/trust-platform | 222 | — | ~1.4k | Automated safety check: Pass | Apache-2.0 | |
| UI UX Pro Maxfutureboard/futureboard-studio | 110 | — | ~5.6k | Automated safety check: Pass | MIT | |
| Worklog Designregisx001/Worklog | 261 | — | ~3.3k | Automated safety check: Pass | MIT | |
| Refactoring UI Designchaxus/ran | 269 | — | ~1.9k | Automated safety check: Pass | MIT | |
| Ss Learnbitjaru/styleseed | 973 | — | ~1.3k | Automated safety check: Pass | MIT | |
| Senior FrontendOhh-889/skyroc | 795 | 2 repos | ~1.1k | Automated safety check: Notes | MIT |
futureboard/futureboard-studio
Comprehensive design guide for web, mobile, and desktop applications.
regisx001/Worklog
Design and UI skill for the Worklog desktop project manager.
chaxus/ran
A skill your agent uses when designing, reviewing, or improving web UI visual quality, especially when a developer-built interface feels cluttered, flat, generic, poorly spaced, weakly hierarchical…
bitjaru/styleseed
Capture a human-approved UI design lesson as a privacy-minimized local StyleSeed candidate, review it, and prepare an opt-in share package without transmitting project code, prompts, screenshots, or…
Ohh-889/skyroc
Comprehensive frontend development skill for building modern, performant web applications using ReactJS, NextJS, TypeScript, Tailwind CSS.
web-infra-dev/rslint
Prepare a stable release PR for the unified rslint npm packages by updating package versions and rule/TypeScript release metadata.
johannesPettersson80/trust-platform
Prepares and ships truST changes - changelog and version updates, CI parity, pre-push checks, the exact-SHA release-candidate guard, merge, tag and release verification.
johannesPettersson80/trust-platform
Runs truST builds and tests on the shared trust-builder machine.
johannesPettersson80/trust-platform
Routes truST behaviour changes from the written specification to a native executable test.
johannesPettersson80/trust-platform
Keeps truST's architecture simple and well separated, and runs the automated architecture checks.
johannesPettersson80/trust-platform
Guides IEC 61131-3 Structured Text language work in truST - lexer, parser, types, semantics, standard functions and function blocks, OOP, namespaces and editor features - checked against the standard.
johannesPettersson80/trust-platform
Builds and verifies truST's VS Code extension - commands, webviews, snippets, debug flows, Control Studio, HMI Builder, Devices & Connections and the test harness.
Works with
Categories
Guides work on truST's HMI - the HMI Builder editor, page files, the runtime display at /hmi, bindings, commands and writes, authorization, alarms and trends, the plant library and the HMI tests. Trust Hmi Contracts is an agent skill from johannesPettersson80/trust-platform. Guides work on truST's HMI - the HMI Builder editor, page files, the runtime display at /hmi, bindings, commands and writes, authorization, alarms and trends, the plant library and the HMI tests.
Trust Hmi Contracts fits situations like: any HMI feature; the HMI runtime API; HMI visual design; plant-library function blocks.
Run `npx skills add johannesPettersson80/trust-platform --skill trust-hmi-contracts -a claude-code`. Or copy the skill folder (.codex/skills/trust-hmi-contracts in johannesPettersson80/trust-platform) into .claude/skills/trust-hmi-contracts in your project. Claude Code loads it when a task matches its description.
Run `npx skills add johannesPettersson80/trust-platform --skill trust-hmi-contracts -a codex`. Or copy the skill folder (.codex/skills/trust-hmi-contracts in johannesPettersson80/trust-platform) into .agents/skills/trust-hmi-contracts in your project. Codex loads it when a task matches its description.
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add johannesPettersson80/trust-platform --skill trust-hmi-contracts -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/trust-hmi-contracts, .gemini/skills/trust-hmi-contracts, .github/skills/trust-hmi-contracts and .opencode/skills/trust-hmi-contracts in your project.
Going by SKILL.md and its folder, Trust Hmi Contracts needs the command-line tools its instructions call (cargo, npx and npm). Our summary lists: Node.js.
SKILL.md contains no URLs. Its commands use npx and npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.
Trust Hmi Contracts is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.
About 1.4k tokens (SKILL.md is roughly 5.5k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.
Skills that share tags, products or a category with Trust Hmi Contracts: UI UX Pro Max (futureboard/futureboard-studio, 110 stars), Worklog Design (regisx001/Worklog, 261 stars), Refactoring UI Design (chaxus/ran, 269 stars) and Ss Learn (bitjaru/styleseed, 973 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
johannesPettersson80 (a GitHub user) maintains it in johannesPettersson80/trust-platform, which has 222 GitHub stars. The repository holds 7 skills in this directory. The repository was last updated on October 11, 2026.
Source: johannesPettersson80/trust-platform on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.