ai-agent

mui-theme-creator: Custom Themes

Name: mui-theme-creator: Custom Themes
Author: bareynol

Design and customize Material-UI themes with mui-theme-creator. For startup founders using Material-UI.

From the repo · “A tool to help design and customize themes for the Material-UI component library. Includes basic site templates to show various components and how they are affected by the theme”

457 stars120 forksJavaScriptUpdated 10/25/2023100% free · open source

What it does

mui-theme-creator helps design and customize Material-UI themes with an interactive tool, allowing founders to tailor the look and feel of their application without extensive coding knowledge

When to use it

•When you want to customize the appearance of your Material-UI application without diving deep into CSS
•When you need to ensure consistency in design elements across your application
•When you want to preview how different themes affect various components without manually updating code

Ready-to-paste prompt

Run `mui-theme-creator` and select the 'dashboard' template to customize the theme for a dashboard application, then export the theme as a JavaScript object

Heads up: Make sure you have Node.js (14 or higher) and either npm or yarn installed on your system before attempting to install and run mui-theme-creator

Saves to your device

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/mui-theme-creator && curl -fsSL https://workflowstacks.com/api/skills/mui-theme-creator/claude-skill -o ~/.claude/skills/mui-theme-creator/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

How mui-theme-creator: Custom Themes works

Codeflow

Free to inspect

Mui-theme-creator: Custom Themes is a medium JavaScript project (~12k lines across 162 code files). Setup is light: installs like a normal app. Reading the code is optional. Last commit 36 months ago, 0BSD license, has a test suite.

Size

Medium codebase

~12k lines · 162 code files · ~2 h to skim

Setup

One-command install

Installs like a normal app. Reading the code is optional.

Runs on

Node.js

No API keys detected

JavaScript 82%TypeScript 18%

Where to start reading

1
README.md
Start here — what it does and how to install it
2
package.json
Dependencies and the commands it exposes
3
src/muiTypeStrings/index.ts
Inside src/ — the main logic begins here

What's in each folder

src/Core code — the actual logic163 files

__mocks__/Folder2 files

.vscode/Editor / agent settings1 files

READMEHas testsThin docsCI checks0BSD licenseLast update 36 mo ago

Use with Claude

New

Skip the builder — one click puts this in Claude, Cursor, Antigravity and more.

✅ Light setup

Installs with a command or two; your AI agent can do it for you.

Try it instantly — no install

Claude Code

mkdir -p ~/.claude/skills/mui-theme-creator && curl -fsSL https://workflowstacks.com/api/skills/mui-theme-creator/claude-skill -o ~/.claude/skills/mui-theme-creator/SKILL.md

Open in another AI app

Opens the app with this repo with the prompt ready to go — no copy-paste needed.

Connect the whole catalog (MCP)

claude mcp add --transport http workflowstacks https://workflowstacks.com/api/mcp

Adds a WorkflowStacks connector to Claude Code: search and load any skill here by chatting.

Quick Actions

Details

Creator

bareynol

Language

JavaScript

Do this with a working workflow

Pages we wrote and tested that put a skill like this to work — importable n8n templates, outcome guides and Claude Desktop configs.

Outcome guide

Reduce meeting no-shows automatically

Keep your meetings in a Google Sheet. Every morning the workflow emails a warm, confirming reminder to anyone scheduled for the next day — automatically, in your voice.