Command Palette

Search for a command to run...

UnylyUnyly
Весь каталог

Kala Mcp

БесплатноПоддерживается

MCP server that holds a project’s design system as data and checks frontend code against it.

GitHubEmbed

Описание

MCP server that holds a project’s design system as data and checks frontend code against it.

README

kala (कला)

Kala (कला)

An MCP server that helps coding agents build production-grade frontend — work that reads as though an experienced designer made it, rather than a template filled in.

It does four things a coding agent cannot do reliably on its own:

Problem What kala does
Every page looks slightly different Holds the project's design system as data and checks code against it
Generic, template-ish output Bootstraps a coherent, opinionated design direction with solved colour maths
Only the happy path exists Names the states a screen must handle, then checks they exist
Advice that ignores the project Grounds every playbook in this project's real scales and bans

It works across React, Vue, Svelte, and plain HTML — one rule, written once, fires identically in all four — and can render a running page to catch what source analysis structurally cannot.


Install

Claude Code — the plugin carries the server, the companion skill, the /kala command, and the restricted subagent in one install:

/plugin marketplace add archish9/Kala
/plugin install kala@kala-marketplace

Antigravity (agy) — one command installs the server, the companion skill, and the /kala rule:

agy plugin install https://github.com/archish9/Kala

Restart your IDE, then type /kala followed by your request.

Any other MCP client — one block of JSON, no clone and no build:

{
  "mcpServers": {
    "kala": {
      "command": "npx",
      "args": ["-y", "-p", "kala-mcp", "-p", "playwright", "kala-mcp"]
    }
  }
}

Node 20+ is the only requirement. Open your agent in a project and say:

"What design system does this project have?"

Per-client config, building from source, and the companion skill: Install. Complete walkthrough: Your first project.


What you can ask for

There are no commands to memorise — you talk to your agent normally.

You want to… Say
Start a project with a real design system "Set up a design system for a calm invoicing tool for freelancers."
Know what a screen needs before building it "What states does the settings page need?"
Check code you just wrote "Check src/Settings.tsx against our design system."
Change the character of a design "Make the pricing page bolder."
Get a full review "Review src/ and give me an HTML report."

Thirteen design actions are available by name: bolder, quieter, distill, harden, animate, typeset, layout, colorize, delight, clarify, adapt, optimize, onboard.

More phrasings for every task: What to say.


What ships today


Documentation

Using kala

Guide What it covers
Install Requirements, MCP client setup, verifying it works
Your first project A full walkthrough, start to finish
What to say The phrasebook — what to type for each task
Tool reference Parameters and payloads, for scripting kala directly
Catalog All 84 styles, 192 palettes, 74 font pairings
Design systems All 12 systems and what each refuses to do
Surfaces and actions 6 screen types, 13 design actions
What kala checks Every rule, check, and banned pattern
Troubleshooting When it does not work

Contributing

Guide What it covers
Architecture Packages, the IR, the fact model
Writing rules Rule kinds, the expression language, fixtures
Extending Add a system, surface, action, framework, or tool
Testing The suites and what each proves
Design rationale Why kala is shaped this way, and what it cost
Roadmap and limits What is not built, and what is honestly weak
Provenance Upstream projects, licences, attribution

Licence

Apache-2.0 — see LICENSE. kala builds on three prior projects under Apache-2.0 and MIT; full attribution and the reasoning behind the licence choice are in Provenance and ATTRIBUTION.md.

from github.com/archish9/Kala

Установить Kala Mcp в Claude Desktop, Claude Code, Cursor

Рекомендуется · одна команда, все IDE
unyly install kala-mcp

Ставит в Claude Desktop, Claude Code, Cursor и VS Code — сам разбирается с npx, uvx и сборкой из исходников.

Впервые? Поставь CLI: curl -fsSL https://unyly.org/install | sh

Или настроить вручную

Выполни в терминале:

claude mcp add kala-mcp -- npx -y kala-mcp

Пошаговые гайды: как установить Kala Mcp

FAQ

Kala Mcp MCP бесплатный?

Да, Kala Mcp MCP бесплатный — установка в пару кликов через Unyly без оплаты.

Нужен ли API-ключ для Kala Mcp?

Нет, Kala Mcp работает без API-ключей и переменных окружения.

Kala Mcp — hosted или self-hosted?

Self-hosted: сервер запускается локально на твоей машине командой из раздела установки.

Как установить Kala Mcp в Claude Desktop, Claude Code или Cursor?

Открой Kala Mcp на unyly.org, выбери вкладку своего клиента (Claude Desktop, Claude Code, Cursor) и нажми Install — конфиг сгенерируется автоматически, без правки JSON.

Похожие MCP

Compare Kala Mcp with

Не уверен что выбрать?

Найди свой стек за 60 секунд

Автор?

Embed-бейдж для README

Похожее

Все в категории development