Command Palette

Search for a command to run...

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

Silicaui Mcp

БесплатноНе проверен

A local MCP server that lets AI coding assistants query the Silica UI design system — real class names, component props, blocks, and behaviors — instead of gues

GitHubEmbed

Описание

A local MCP server that lets AI coding assistants query the Silica UI design system — real class names, component props, blocks, and behaviors — instead of guessing.

README

Website npm version npm downloads license CI PRs Welcome

A design system for Tailwind CSS v4, in two core layers plus a family of optional composite packages:

  • @wizeworks/silicaui — the "daisyUI" layer. A Tailwind v4 plugin that ships 76 semantic, themeable component classes (btn, btn-primary, card, dialog, …) driven by an extensible OKLCH color-token engine. CSS-first: no tailwind.config, just @plugin "@wizeworks/silicaui" in your CSS. Framework-agnostic.
  • @wizeworks/silicaui-react — the "shadcn" layer. 90 thin React components that apply Silica classes and delegate interaction behavior to Base UI.
  • @wizeworks/silicaui-html — the framework-neutral node-tree source + HTML projection powering the visual builder and any structured host.
  • Composite packages — heavier engines (charts, tables, rich text, drag-and-drop, resizable panels) kept out of the core so it stays dependency-light; install them only when you need them.

Status

Early, but growing fast: 76 CSS component families, 90 React components, a full theme-customization API (extensible N-color engine, optional class prefixing), and five composite packages wrapping best-in-class engines. See examples/playground.

pnpm install
pnpm dev        # open the playground

Packages

Package What it is
@wizeworks/silicaui Tailwind v4 plugin — tokens, themes, color engine, 76 component classes
@wizeworks/silicaui-react 90 React components over the Silica classes, behavior via Base UI
@wizeworks/silicaui-html Framework-neutral node-tree source + HTML projection
@wizeworks/silicaui-charts <Chart>/<Sparkline> — Apache ECharts, auto-themed to Silica tokens
@wizeworks/silicaui-table <DataTable> — TanStack Table, sort/select/paginate
@wizeworks/silicaui-editor <RichTextEditor> — TipTap with a Silica-styled toolbar
@wizeworks/silicaui-dnd <SortableList> — dnd-kit primitives + a styled sortable list
@wizeworks/silicaui-panels <ResizablePanelGroup> — react-resizable-panels with a styled handle
examples/playground Vite app that consumes the packages above

@wizeworks/silicaui-builder (the visual builder) lives in this monorepo but is not yet published — it's mid-refactor onto the React component set above.

Contributing

This is a pnpm workspace. Every change that should ship gets a changeset:

pnpm changeset          # describe what changed and which packages it affects

A bot opens a "Version Packages" PR batching pending changesets; merging it to main publishes the affected packages to npm. See .github/workflows/release.yml.

Links

License

MIT

from github.com/silicaui/silicaui

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

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

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

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

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

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

claude mcp add silicaui-mcp -- npx -y @wizeworks/silicaui-mcp

FAQ

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

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

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

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

Silicaui Mcp — hosted или self-hosted?

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

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

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

Похожие MCP

Compare Silicaui Mcp with

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

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

Автор?

Embed-бейдж для README

Похожее

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