mcpField
O
OODS Foundry

OODS Foundry

Remote
oods-foundry.comDeveloper Tools2Updated 2w ago

About OODS Foundry

OODS Foundry is an object-oriented design system extension driven by AI assistants over MCP. It composes governed components and tokens from an object and context, then generates React or Vue UI code and charts, for teams aligning generated screens with an existing design system across frameworks and themes.

Key features

  1. 01Compose screens by object and context
  2. 02Generate React and Vue code
  3. 03Render charts from data
  4. 04Define custom objects, traits, and brands
  5. 05Get code-check receipts and accessibility scans

Use cases

  1. 01Generate a subscription detail screen
  2. 02Create consistent screens for recurring objects and workflows
  3. 03Check component contrast and screen accessibility rules

MCP support

AI assistants call OODS Foundry tools over MCP to create design-system-driven UI. It offers a local server and a Streamable HTTP remote endpoint.

Configuration

Remote servers need no local install. Pick your client, then copy the config or install in one click.

Endpointhttps://oods-foundry.com/mcp
Copy install command
Claude CodeTerminal
Cursor.cursor/mcp.json
VS Code.vscode/mcp.json
Claude Desktopclaude_desktop_config.json
Windsurf~/.codeium/windsurf/mcp_config.json

Run commands in a terminal; paste JSON into the client’s MCP config and restart. Servers that need sign-in will prompt on first connect.

Packages
npm@oods/foundry0.11.2

Tools

9
ParameterTypeRequiredDescription
reproducebooleanNoInclude the command and calls for reproducing this result.
sinceVersionstringNoWhen provided with includeChangelog, only return changelog entries since this version.
includeChangelogbooleanNoWhen true, include DSL version changelog in the response.

Details

From the project README

OODS Foundry

OODS Foundry is an object-oriented design system that extends the one you already have. Your AI assistant drives it over MCP. Describe a screen by its object and context, such as a subscription detail view. OODS Foundry composes governed components and design tokens, generates React or Vue code, and renders charts from your data.

Use it when your product has recurring objects and workflows, your screens need to share rules across frameworks and themes, or you want generated UI to follow an existing design system. You can define your own objects, traits, brand and component mappings.

Generated code comes with a receipt naming the static checks performed and the work still needed. Chart certification measures the rendered specification's accuracy, accessibility equivalence, contrast and determinism. It does not certify an entire application.

The optional a11y_scan tool checks the text and icon contrast pairs declared by the component stylesheet in every built brand and theme. Given a screen schema, it also renders the screen and checks its document accessibility rules; see the tool reference for scope and thresholds.

Try the five-minute demo

Turn Cal.com’s real schema into React and Vue screens in your own shadcn components. Follow the prompts, review what is proposed, accept it, and open list, detail, form and timeline in light or dark.

Install

Use Node.js 22.0.0 or newer on macOS or Linux. For a local server in Claude Code:

claude mcp add oods-foundry -- npx -y @oods/foundry
claude mcp get oods-foundry

For the Claude Code plugin, which includes the server and its guided skill:

claude plugin marketplace add https://github.com/kneelinghorse/oods-foundry-claude-plugin.git
claude plugin install oods-foundry@oods-foundry

Restart Claude Code and invoke /oods-foundry:oods-foundry. Ask your assistant to call health_check, then compose a Subscription in detail context. The package guide includes Claude Desktop and Cursor configuration and explains local files and network access. The walkthrough takes you from an object definition to a generated application.

For a hosted connection, use the streamable HTTP endpoint https://oods-foundry.com/mcp in a compatible MCP client. The website describes its available tools. Local installation provides the full authoring workflow; the hosted service has its own tool surface and release schedule.

Docker stdio server

Build the supplied Dockerfile, then keep stdin open for your MCP client:

docker build -t oods-foundry .
docker run --rm -i -v oods-data:/data oods-foundry

The image runs as the unprivileged node user. The volume preserves registered objects and import drafts. Mount schema files separately, for example -v "$PWD/schemas:/schemas:ro", and give object_import their container paths. The running-app preview binds to loopback inside the container; use the local npm installation for browser previews on the host.

Source and releases

This repository mirrors each release, one commit per version. The source includes the design system, React and Vue libraries, MCP server, bridge, adapter and packaging scripts. The tool reference describes the calls and their contracts.

To install the workspace from this snapshot:

corepack pnpm install --frozen-lockfile

Building and testing from source describes the package builds, runtime assembly and public test command.

Bug reports and feedback are welcome in Issues. This release mirror does not accept pull requests; they will be closed. See CONTRIBUTING and SECURITY.

License

OODS Foundry is licensed under Apache-2.0; see NOTICE for the copyright holder, third-party notices and the license FAQ.

Commits before the release snapshot carried an MIT declaration in package.json and no LICENSE file.

Comments

Markdown supported

New to MCP?

From what the protocol is to installing your first server, these answers cover most first questions.

An open protocol that defines how AI applications connect to external tools and data in a uniform way. Clients talk to the model; MCP servers provide tools, resources and prompt templates. They exchange standard messages, so one server can be reused by many clients.