Better Design

io.github.marvkrv0.31.0Updated Sep 29, 2026

A design harness for AI coding agents: design systems, design principles, icons and UI review.

VerifiedStreamable HTTPWeb executableDeveloper ToolsMedia & Design

Overview

AI-generated overview

A design harness that gives AI coding agents design systems, design principles, icons, and UI review capabilities.

What it does
Better Design is a design harness for AI coding agents. It provides design systems, design principles, and icons, and offers UI review functionality. It can be used remotely via a streamable HTTP endpoint or locally as an npm package over stdio.
When to use it
Useful when an AI coding agent needs to apply consistent design systems, follow design principles, access icon resources, or review user interfaces during development.
Requirements
Requires an API key supplied via the BETTER_DESIGN_API_KEY environment variable. Can run as a remote endpoint at better-design.com or as a local npm package (better-design) over stdio. Network access is needed for the remote endpoint.
Before you install
The server requires a secret API key (BETTER_DESIGN_API_KEY). Manage this key carefully and avoid exposing it. The remote endpoint sends data to a third-party service; review its privacy and data handling practices before use.

Installation

In SourceWeft

  1. Open Better Design in the dashboard and add it to a workspace.
  2. Enable the server for the chats that should use its tools.

Web executable via Streamable HTTP. Remote servers run from the web runtime once configured in a workspace.

Other MCP clients

Add this to your client's mcpServers config.

{
  "mcpServers": {
    "better-design": {
      "type": "http",
      "url": "https://better-design.com/api/mcp"
    }
  }
}

README

This repository has no README.

Tools

0
Tool metadata has not been indexed yet.

Version history

1
  1. v0.31.0LatestSep 29, 2026