Skip to content
Agentmart
Submit a tool

Basecoat UI MCP

Offline Basecoat UI MCP: templates, macro layouts, theming contract, and static validation.

Connector by zygiu-zygis · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)★ 38
Write a review

Chalk Labs

Need help deploying Basecoat UI MCP?

Chalk Labs sets up agents like this inside real teams: connected to your tools, tested on your data, with a human in the loop where it matters.

Book a call

Install

Works with Claude Code, Codex, VS Code, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/zygiu-zygis-basecoat-ui-mcp

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

Offline Basecoat UI MCP: templates, macro layouts, theming contract, and static validation.

Use cases: frontend-development, ui-design

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list, install config and code. Checked Oct 25, 2026.

Tools
31 read · 2 write · 0 delete
Secrets
None asked for
Install scripts
None found
Runs as
Node.js package

Tools by what they do 33

Read from the source code; the running server may list different tools.

Read 31 · Look things up without changing anything.

  • basecoat_component_syntax
  • basecoat_compose_stack
  • basecoat_creative_director
  • basecoat_get_chart_blueprint
  • basecoat_list_charts
  • basecoat_page_architect
  • basecoat_quality_inspector
  • basecoat_rules_enforcer
  • basecoat_setup_config
  • compose_stack
  • enforce_rules
  • get_chart_blueprint
Show 19 more tools
  • get_component_details
  • get_component_html
  • get_component_syntax
  • get_creative_direction
  • get_design_context
  • get_design_rules
  • get_fsm_recipe
  • get_macro_block
  • get_page_architect
  • get_rhythm_rules
  • inspect_quality
  • list_blocks
  • list_charts
  • search_components
  • search_macro_blocks
  • setup_config
  • validate_composition
  • validate_design
  • validate_markup

Write 2 · Create, change, send or run things.

  • apply_design_patch
  • begin_design

Secrets and settings it asks for

Other settings (environment variables or headers).

  • BASECOAT_PROJECT_ROOT

Network hosts it talks to 9

  • api.github.com · found in code
  • basecoatui.com · found in code
  • cdn.jsdelivr.net · found in code
  • docs.astro.build · found in code
  • github.com · found in code
  • raw.githubusercontent.com · found in code
  • tailwindcss.com · found in code
  • ui.shadcn.com · found in code
  • unpkg.com · found in code

Files it touches

  • /var/home/zygis
  • Your home directory (~)

Tools (33)

Read from the source code; the running server may differ. Descriptions are the server’s own words; hidden characters are shown as [U+…].

  • apply_design_patch

    Apply one atomic list of design graph operations with expectedRevision and operationId. Replay with the same operationId returns the original receipt. A committed mutation always acknowledges success; oversized optional fields may be omitted with truncated:true. Does not write application source files.

  • basecoat_component_syntaxread-only

    [STAGE 3: SYNTAX & STACKS] Retrieve copy-pasteable Basecoat component markup with pre-configured FSM state variants (default, active, loading, disabled, open, closed) and dependencies for any of the 57 Basecoat components. Next step: Call basecoat_quality_inspector to audit assembled markup.

  • basecoat_compose_stackread-only

    [STAGE 3: SYNTAX & STACKS] Assemble full shell architectures (sidebar-01..16, topbar-shell, inset-shell, split-shell) and hydrate pre-configured component stacks (kpi-4-col-delta, area-revenue-stack, data-table-full-crud, detail-inspector-drawer, field-group-settings) into slots with optical density control. Next step: Call basecoat_quality_inspector to verify markup compliance.

  • basecoat_creative_directorread-only

    [STAGE 2: RULES & RHYTHM] Surface Kanso minimalism and Basecoat design intelligence: typography ladders, optical spacing rhythm, whitespace density, contrast ratios, style packs, and subtle elevation strategies. Next step: Call basecoat_compose_stack or basecoat_component_syntax.

  • basecoat_get_chart_blueprintread-only

    [STAGE 3: SYNTAX & STACKS] Retrieve complete chart markup, CSS theme tokens (--chart-1..5), layout footprint, client options, and framework mount code (vanilla, astro, react, vue, svelte) with optional theme token overrides for a specific chart blueprint ID or category. Next step: Call basecoat_quality_inspector to audit the assembled page.

  • basecoat_list_chartsread-only

    [STAGE 3: SYNTAX & STACKS] List and filter 50+ Basecoat ApexCharts and SVG data visualization blueprints by category (area, bar, line, pie, radar, radial, tooltip) or keyword search/query. Next step: Call basecoat_get_chart_blueprint with the selected chart ID.

  • basecoat_page_architectread-only

    [STAGE 1: ARCHITECT] Search and retrieve complete layout scaffolds (Workspace Dashboard, Auth Split-Screen, Data Table Detail, Workspace Settings, Pricing, etc.) with explicit slot markers, grid structures, and responsive containers. Next step: Call basecoat_rules_enforcer and basecoat_creative_director, then basecoat_compose_stack or basecoat_component_syntax.

  • basecoat_quality_inspectorread-only

    [STAGE 4: QUALITY AUDIT] Audit HTML/Astro markup and return a structured quality report with Score (0-100), Syntax Violations, Accessibility/ARIA omissions, and Auto-Fix suggestions. Final quality gate for all generated Basecoat UI code.

  • basecoat_rules_enforcerread-only

    [STAGE 2: RULES & RHYTHM] Retrieve indexed technical implementation constraints covering strict Tailwind CSS v4 syntax, mandatory FSM data-state contracts, semantic CSS variable tokens, and semantic HTML landmarks. Next step: Call basecoat_creative_director or basecoat_component_syntax.

  • basecoat_setup_configread-only

    [STAGE 1: ARCHITECT] Generate production Tailwind CSS v4 @import statements, OKLCH design tokens, @theme inline blocks, and theme bootstrap scripts for a selected framework (astro, vanilla, nextjs, sveltekit, vite, htmx) and style pack (vega, nova, maia, lyra, mira, luma, sera, rhea). Next step: Call basecoat_compose_stack or basecoat_page_architect.

  • begin_design

    Create a persistent design session under the host project root. Pass designId, profile (alias or ref), operationId, and optional decisions. Pins and hash-verifies the packaged macro registry. Idempotent for the same operationId. Oversized optional receipt fields may be omitted with truncated:true after commit.

  • compose_stackread-only

    [STAGE 3: SYNTAX & STACKS] Alias of basecoat_compose_stack. Assemble shell architectures and hydrate pre-configured component stacks into slots.

  • enforce_rulesread-only

    [STAGE 2: RULES & RHYTHM] Alias of basecoat_rules_enforcer. Retrieve indexed technical implementation constraints.

  • get_chart_blueprintread-only

    [STAGE 3: SYNTAX & STACKS] Alias of basecoat_get_chart_blueprint. Retrieve complete chart markup, CSS theme tokens, and client options.

  • get_component_detailsread-only

    Get one minimal component template, dependencies, and composition tips for Astro or HTML. Valid IDs: any of the 57 Basecoat components (button, card, dialog, dropdown-menu, table, tabs, badge, etc.). When called with {}, returns the top-level component catalog index. Next step: Call validate_composition or basecoat_quality_inspector after integrating markup.

Show 18 more tools
  • get_component_htmlread-only

    Fetch HTML markup template and dependencies for a Basecoat component. Valid IDs: any of 57 Basecoat components. When called with {}, returns the top-level component catalog index. Next step: Call validate_composition or basecoat_quality_inspector to audit.

  • get_component_syntaxread-only

    [STAGE 3: SYNTAX & STACKS] Alias of basecoat_component_syntax. Retrieve copy-pasteable Basecoat component markup with FSM state variants.

  • get_creative_directionread-only

    [STAGE 2: RULES & RHYTHM] Alias of basecoat_creative_director. Surface Kanso minimalism and Basecoat design intelligence.

  • get_design_contextread-only

    Read a focused design view: sessions (no designId), overview, decisions, graph, rules, focus, or next. Pin revision on first read; continuations must match. Does not create sessions.

  • get_design_rulesread-only

    Retrieve technical implementation constraints covering Tailwind CSS v4 syntax, mandatory FSM data-state contracts, semantic CSS variables, and HTML landmarks. When called with {}, returns the top-level catalog index.

  • get_fsm_reciperead-only

    Read finite FSM states, events, guards, actions, or transitions. Recipes are structural metadata, not executable runtime code.

  • get_macro_blockread-only

    Retrieve one section of a compiled macro block blueprint (manifest, structure, slots, ports, rules, dependencies, provenance). Follow next cursors until complete. Optional designId pins aliases to that session registry.

  • get_page_architectread-only

    [STAGE 1: ARCHITECT] Alias of basecoat_page_architect. Search and retrieve complete layout scaffolds with explicit slot markers.

  • get_rhythm_rulesread-only

    Read the effective semantic rhythm profile by family, including project-local overrides under a contained .basecoat/rhythm.json. Semantic IDs and approved implementation utilities are returned separately. Results are content-addressed and cursor-paginated; changed effective revisions invalidate prior cursors.

  • inspect_qualityread-only

    [STAGE 4: QUALITY AUDIT] Alias of basecoat_quality_inspector. Audit HTML/Astro markup and return a structured quality report.

  • list_blocksread-only

    Alias of search_macro_blocks. Search or list approved macro layout blocks by query, role, family, or tag. When called with {}, returns the top-level macro block catalog index.

  • list_chartsread-only

    [STAGE 3: SYNTAX & STACKS] Alias of basecoat_list_charts. List and filter 50+ Basecoat ApexCharts and SVG data visualization blueprints.

  • search_componentsread-only

    Find up to 8 compact component summaries by intent and/or query (either field may be omitted). Valid component IDs include: button, card, dialog, dropdown-menu, table, tabs, badge, avatar, input, select, etc. Next step: Call get_component_details or basecoat_component_syntax with the selected component id.

  • search_macro_blocksread-only

    Search approved macro layout blocks by query, role, family, or tag. Optional design/page/slot context filters to slot-compatible roles. Returns summaries and immutable refs only; use cursors for more.

  • setup_configread-only

    [STAGE 1: ARCHITECT] Alias of basecoat_setup_config. Generate production Tailwind CSS v4 setup, OKLCH tokens, and theme scripts.

  • validate_compositionread-only

    [STAGE 4: QUALITY AUDIT] Statically check HTML/Astro source for Basecoat migration errors, semantic rhythm, FSM bindings, missing scripts, nested cards, spacing and hierarchy issues. Pass code or alias html and optionally a semanticProfile and densityProfile. Does not render or evaluate dynamic code. Next step: Fix any errors/warnings reported in the diagnostic output.

  • validate_designread-only

    Validate a design session (or one page) in draft or complete mode. Returns totals plus paginated diagnostics. A plan-ready graph is not proof of rendered correctness.

  • validate_markupread-only

    [STAGE 4: QUALITY AUDIT] Alias of validate_composition. Statically check HTML/Astro source for Basecoat migration errors, semantic rhythm, FSM bindings, missing scripts, nested cards, spacing and hierarchy issues. Next step: Fix any errors/warnings reported in the diagnostic output.

Signals

Stars
38
Forks
0
Open issues
0
Contributors
1
Weekly downloads
73
Last commit
Oct 14, 2026 (16 days ago)
Last release
Oct 14, 2026 (16 days ago)
Last package publish
Oct 14, 2026 (16 days ago)

From GitHub (fetched Oct 24, 2026) and the package registry.

Details

Registry name
io.github.zygiu-zygis/basecoat-ui-mcp
Version
1.8.0
Auth
No auth
Packages
npm @intellmedia/basecoat-ui-mcp
License
MIT
Repository
github.com/zygiu-zygis/basecoat-ui-mcp
Website
github.com/zygiu-zygis/basecoat-ui-mcp
First seen
Oct 24, 2026
Last checked
Oct 24, 2026
Source
Official MCP Registrygithub-graphql

More from zygiu-zygis

Done for you

Rather not set it up yourself?

Chalk Labs scopes, builds and runs agents for your team: the task audit, the eval harness, the integrations and the weekly ops report. Fixed scope, priced before we start.

See how we build AI agents →Read the case studies

Chalk Labs is a two-founder AI and growth studio. We build AI agents, CRMs and MVPs for Web3 and AI companies, and have shipped 50+ product and token launches.

launches shipped
50+
launches shipped
media placements
500+
media placements
founders on every account
2
founders on every account

Press we've placed: Forbes · CoinDesk · Decrypt · Cointelegraph · The Block

Rahil Jain, Co-founder, Chalk Labs. Ex-Goldman Sachs engineer. You talk to the person who builds it.

Get Basecoat UI MCP running in your business

Tell us what you want to automate. A founder replies within one working day with a plan, not a pitch deck.

Goes to the Chalk Labs founders, not the newsletter. Privacy

Need help deploying Basecoat UI MCP?

CallGet help
Cite this page

Basecoat UI MCP. Agent Mart. https://agentmart.dev/connectors/zygiu-zygis-basecoat-ui-mcp (last updated 2026-10-24)