1. Conduid
  2. Blockchain
  3. Design System
MCP server · Blockchain

Design System

by · github.com/hashicorp/design-system

Helios Design System

Unclaimed MPL-2.0 componentsdesign-systemdesign-systemsdesign-tokensemberjshashicorpheliosicons
InstallView source
62Good

Scored 1 hours ago · breakdown

About Design System

Design System is an MCP server published by hashicorp in the Blockchain category: helios Design System.

The repository has 517 stars and 56 forks, with the last commit yesterday. Recent commit activity is the strongest signal that reported issues will get attention.

Install

Claude Code
claude mcp add design-system-08ca -- npx -y @hashicorp/design-system-mcp
npx
npx -y @hashicorp/design-system-mcp

This server has no ConduID identity, so agent calls to it are not receipted. Pin the version you install and review the source before granting it credentials.

Ask AI

✦

Ask AI about Design System

Powered by Claude · Grounded in docs

I know everything about Design System. Ask me about installation, configuration, usage, or troubleshooting.

Security checks

Static checks derived from the repository just now. Heuristics on the source, not an audit.

  • ✓README presentThe repository ships documentation.
  • ✓License declaredUsable under a stated license.
  • ✓Tests presentA test suite exists in the repository.
  • ✓Dependencies pinnedA lockfile pins dependency versions.

2 checks have not been run yet.

Releases

@hashicorp/design-system-tokens@6.0.0@hashicorp/design-system-tokens@6.0.0 · 7 Oct 2026Major Changes Renamed design tokens to align with the approved nomenclature. Changed the prefix for all CSS and Sass tokens from `token` to `hds`. Changed the "core" color token namespace from `color-palette` to `core-color`. Changed the…
@hashicorp/flight-icons@5.3.0@hashicorp/flight-icons@5.3.0 · 7 Oct 2026Minor Changes Added a monochrome Carbon-theme fallback for all the colored `Services` icons and some `Products` icons The `Services` and `Products` icons have no IBM Carbon equivalent. Their `***-color` glyphs don't always work against…
@hashicorp/design-system-components@7.0.0@hashicorp/design-system-components@7.0.0 · 7 Oct 2026Major Changes _Conducted a one-off mechanical rename in `@hashicorp/design-system-components` of internal component CSS variables. Consumers consuming or overriding HDS CSS variables will need to update `--hds-*` references to…
@hashicorp/design-system-mcp@0.2.2@hashicorp/design-system-mcp@0.2.2 · 7 Oct 2026Patch Changes 🔄 Updated dependencies:** @hashicorp/design-system-components@7.0.0 @hashicorp/design-system-tokens@6.0.0 @hashicorp/flight-icons@5.3.0
@hashicorp/design-system-mcp@0.2.1@hashicorp/design-system-mcp@0.2.1 · 30 Sep 2026Patch Changes 🔄 Updated dependencies:** @hashicorp/design-system-components@6.6.0

README

The Helios Design System provides the building blocks to design and implement consistent, accessible, and delightful product experiences across HashiCorp.

Usage

For guidelines on how to use Helios, see our documentation website.

Release notes

A changelog for code and Figma changes is kept on the Helios website

Packages

packages/components npm version

Design System components in Ember.js

packages/flight-icons npm version

Flight icons in different formats (SVG/SVG Sprite/React)

  • npm package: @hashicorp/flight-icons
  • more info: see flight-icons/README and flight-icons/CONTRIBUTING for details on how to use the "sync/build" scripts that export the assets from Figma and generate a bundle of standalone SVG files.

packages/tokens npm version

Design tokens

Contributing

Workspaces

This monorepo uses pnpm workspaces to manage dependencies for all packages.

Adding new packages

Run this command from the monorepo root:

pnpm -F <workspace-npm-package> add --dev <npm-package>

e.g. pnpm -F @hashicorp/design-system-components add --dev ember-cli-flash

Using ember install in the monorepo

Run this command from the monorepo root:

pnpm -F <workspace-npm-package> run ember install <npm-package>

e.g. pnpm -F @hashicorp/design-system-components run ember install ember-a11y-refocus

Changesets

This project uses changesets to manage how changes will be released. Each user-facing change to a package should come with a changeset for each package that has changed.

To create a changeset, run and follow the prompts in your terminal:

pnpm changeset

See the changeset docs for more information.

Note: If you want to ignore a changeset bump in terminal (e.g. major bump for selected "package x" is N/A, want a patch release), press return on the command line to skip that step. Press the spacebar to select that step.

Releasing

See the release docs for the process we follow to publish a new package version.

License

This project is licensed under the Mozilla Public License 2.0.

Versioning

We use SemVer for versioning.

README fetched from the repository just now. The original is authoritative.

Questions

About Design System

How do I install Design System?

Run claude mcp add design-system-08ca -- npx -y @hashicorp/design-system-mcp, then add the server to your MCP client's configuration.

Is Design System safe to use with an AI agent?

Its trust score is 62 out of 100 (good). It passes 4 of the 4 static security checks run so far. It has no ConduID identity yet, so agent calls to it are not receipted.

Is Design System still maintained?

Yes — the latest release is @hashicorp/design-system-tokens@6.0.0 (7 Oct 2026), and the last commit was yesterday. The repository has 517 stars and 44 open issues.