Ignite UI Theming

listing.by

Generate Sass palettes, typography, elevations and themes for Ignite UI components from your AI assistant.

state.local.long (state.local.title)listing.badge.runs_with

listing.install

listing.local.explain

npx -y igniteui-theming

listing.local.needs listing.local.note

act.add_to a11y.new_tabact.add_to a11y.new_tab

listing.share.h

listing.share.p_local

mcp.tc/i/ignite-ui-theming

listing.about

Connects an AI assistant to the Ignite UI theming library from Infragistics. It can generate color palettes with shade variations, typography setups, elevations and complete light or dark themes as Sass code, customize components with design tokens, and check colors for accessibility.

It runs locally over stdio as part of the igniteui-theming npm package, started with npx. No sign-in or API key is needed. Node.js is required. The package is MIT licensed.

listing.can

  • Generate color palettes with automatic shade variations
  • Create typography systems and type scales
  • Build complete light and dark themes in Sass
  • Customize components with design tokens
  • Validate colors for accessibility compliance
  • Use material, bootstrap, fluent and indigo presets

listing.tools

listing.notools.local

listing.prompts

  • Generate a dark indigo-based Ignite UI palette with Sass output.

  • Create a full light theme for my Ignite UI app using the fluent preset.

  • Set up typography for the material type scale in my project.

  • Check whether my primary and surface colors meet accessibility contrast.

listing.setup.h

listing.setup.local

Claude Code

  1. Run this in a terminal, in your project folder:
claude mcp add --transport stdio ignite-ui-theming -- npx -y igniteui-theming
  1. Start Claude Code and type /mcp. ignite-ui-theming should show as connected.

Add --scope user to make it available in every project.

Claude Desktop

  1. Open Settings → Developer → Edit Config. It opens claude_desktop_config.json. Add:
claude_desktop_config.json
{
  "mcpServers": {
    "ignite-ui-theming": {
      "command": "npx",
      "args": [
        "-y",
        "igniteui-theming"
      ]
    }
  }
}
  1. Save the file and restart Claude Desktop.

Needs Node.js on your computer. The file lives in ~/Library/Application Support/Claude/ on macOS and %APPDATA%\Claude\ on Windows.

Cursor

Add to Cursor a11y.new_tab

Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):

mcp.json
{
  "mcpServers": {
    "ignite-ui-theming": {
      "command": "npx",
      "args": [
        "-y",
        "igniteui-theming"
      ]
    }
  }
}

Needs Node.js on your computer.

VS Code

Install in VS Code a11y.new_tab

Or from a terminal:

code --add-mcp '{"name":"ignite-ui-theming","type":"stdio","command":"npx","args":["-y","igniteui-theming"]}'

Or commit it to the repo in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "ignite-ui-theming": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "igniteui-theming"
      ]
    }
  }
}

Needs Node.js on your computer.

Devin Desktop

  1. Add it to ~/.config/devin/mcp_config.json (macOS and Linux) or %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "ignite-ui-theming": {
      "command": "npx",
      "args": [
        "-y",
        "igniteui-theming"
      ]
    }
  }
}
  1. Refresh the MCP server list in Cascade.

Devin Desktop is the new name for Windsurf.

Codex

codex mcp add ignite-ui-theming -- npx -y igniteui-theming

Or edit ~/.codex/config.toml directly:

config.toml
[mcp_servers.ignite-ui-theming]
command = "npx"
args = ["-y", "igniteui-theming"]

Needs Node.js on your computer.

Gemini CLI

gemini mcp add ignite-ui-theming npx -- -y igniteui-theming

This adds it to the current project. Add -s user to use it everywhere.

Any client

Most clients that start local servers accept this shape:

{
  "mcpServers": {
    "ignite-ui-theming": {
      "command": "npx",
      "args": [
        "-y",
        "igniteui-theming"
      ]
    }
  }
}

Zed puts servers under context_servers in its settings, with the same command, args and env fields.

Needs Node.js on your computer.

listing.faq

Can I paste mcp.tc/i/ignite-ui-theming into my MCP client?

No. Ignite UI Theming runs on your own computer, started by your client, so it has no web address to connect to. The quick link is the page to share; the install command is npx -y igniteui-theming.

Does Ignite UI Theming need an API key?

No. It doesn't declare any keys or environment variables. It runs with your user account's permissions, so check what its tools can reach.

Is Ignite UI Theming a remote or a local server?

Local. Your client starts it as a process on your computer with npx -y igniteui-theming, which needs Node.js.

What can Ignite UI Theming do?

You can generate color palettes with automatic shade variations, create typography systems and type scales and build complete light and dark themes in Sass.

Which clients can use it?

Any client that starts local servers: Claude Code, Claude Desktop, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. claude.ai and ChatGPT only connect to remote servers.

Who wrote this page?

mcp.tc's robot read Ignite UI Theming's public metadata (its package and repository pages), and an AI model drafted the text from it. A person reviews anything the checks can't confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.

listing.em.h

listing.em.lead_local listing.em.how

listing.em.badge

em.prev_lightem.prev_dark
Markdown
[![Ignite UI Theming on mcp.tc](https://mcp.tc/i/ignite-ui-theming/badge.svg)](https://mcp.tc/i/ignite-ui-theming)
HTML
<a href="https://mcp.tc/i/ignite-ui-theming"><img src="https://mcp.tc/i/ignite-ui-theming/badge.svg" alt="Ignite UI Theming on mcp.tc" height="20"></a>

listing.em.badge_note

listing.em.widget

HTML
<script src="https://mcp.tc/w/ignite-ui-theming.js" async></script>

listing.em.widget_note

iframe

HTML
<iframe src="https://mcp.tc/embed/ignite-ui-theming" title="Ignite UI Theming on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

listing.em.iframe_note

JSON

listing.em.json_local

https://mcp.tc/i/ignite-ui-theming.json

listing.em.fields

listing.related

listing.more_in

  • Ignite UI

    Infragistics (IgniteUI)

    state.local.label (state.local.title)

    Give AI assistants Ignite UI documentation, API reference and CLI project scaffolding for Angular, React and Web Components.

    mcp.tc/i/ignite-ui

  • TerraVision

    patrickchugh

    state.local.label (state.local.title)

    Generate AWS, Azure and GCP architecture diagrams with official icons from a description, a JSON graph or Terraform code.

    mcp.tc/i/terravision

  • FreeCAD MCP

    neka-nat

    state.local.label (state.local.title)

    Control FreeCAD from an MCP client to create and edit 3D models, run Python scripts and run FEM analyses.

    mcp.tc/i/freecad

  • Ableton MCP

    Siddharth Ahuja

    state.local.label (state.local.title)

    Control Ableton Live from your assistant: create tracks, MIDI clips and arrangements, and load instruments and effects.

    mcp.tc/i/ableton

  • DaVinci Resolve

    Samuel Gursky

    state.local.label (state.local.title)

    Control DaVinci Resolve Studio from your assistant: edit timelines, organize media, set up renders and work on color.

    mcp.tc/i/davinci-resolve

  • Talk to Figma

    Grab

    state.local.label (state.local.title)

    Read and modify Figma designs from an AI agent through a local WebSocket relay and a Figma plugin.

    mcp.tc/i/talk-to-figma

listing.disclaimer_checked