Maritime UIs in minutes.
One plugin gives your AI coding agent the full OpenBridge design system. Components, tokens, and layout patterns.
One prompt. Full OpenBridge.
A plain HTML dashboard on the left. After one prompt through Bridgable, the OpenBridge version on the right. Correct top bar, form fields, typography, and design tokens.
Why Bridgable?
OpenBridge is the maritime UI standard. Bridgable makes it accessible to AI.
OpenBridge is complex
400+ components, design tokens, layout grids, and colour palettes for day, dusk, night, and bright. Getting it right by hand takes weeks.
One plugin, full spec
Bridgable gives your AI agent the complete OpenBridge specification. It picks the right component, applies the correct tokens, and follows the layout rules.
Works with your agent
Claude Code, Cursor, Codex. One install command. The plugin connects over MCP, so your agent gets OpenBridge context in every conversation.
Get started in one command.
Pick your coding agent and follow the steps.
Copy and paste into your terminal to install, launch, and authenticate
$claude plugin marketplace add https://github.com/thomsoren/bridgable-plugin.git && claude plugin install bridgable@bridgable && claude "Authenticate Bridgable: call the plugin:bridgable:bridgable authenticate MCP tool, then immediately run 'open \"<url>\"' (macOS) or 'xdg-open \"<url>\"' (Linux) via the Bash tool on the URL it returns. Do not print the URL."