MCP Radar
MCP 서버

Mlola UI

io.github.mlolahq/mlola-ui
디자인 및 크리에이티브 개발자 도구 공개 · 연결 가능 MCP 2026-07-28

이 MCP로 할 수 있는 일

Provides Mlola UI components, design tokens, usage rules, installation guidance, component search, and HTML or JSX markup validation.

기능

도구

6 도구
check_markup
Check markup against the Mlola contract
Checks HTML or JSX: classes that do not exist, variant classes, data-* values a class does not react to, utility classes, misuse of data-theme or data-mode, and in style attributes, <style> blocks and utility classes (bg-[#fafafa]) hand-written colors, spacing written by hand instead of the --ml-space-* scale, overridden theme tokens and text faded with opacity. Each issue names its line. Run it on markup you wrote before finishing: pass the whole page or file, <style> blocks included, not an excerpt, since it only checks what it is given.
읽기 전용
입력 스키마 
{'type': 'object', 'required': ['markup'], 'properties': {'markup': {'type': 'string'}}, 'additionalProperties': False}
get_component
How to use a Mlola component
Everything needed to use one item: import, every prop with fixed values (variant, tone, size, side…) and its default, the classes it styles and the data-* values each reacts to, dependencies and the install command. Set include_source to read a free component's source.
읽기 전용
입력 스키마 
{'type': 'object', 'required': ['name'], 'properties': {'name': {'type': 'string'}, 'include_source': {'type': 'boolean', 'default': False}}, 'additionalProperties': False}
get_design_rules
Mlola design rules
The rules for building UI with Mlola: compose first, color by role, measure with the scales, shared state words, touch and focus. Read once before writing UI.
읽기 전용
입력 스키마 
{'type': 'object', 'properties': {}, 'additionalProperties': False}
get_install_command
How to install Mlola components
How to set Mlola up: the commands to run in a project to add components, blocks, pages or templates (with the license step for Mlola Pro items), and the stylesheet link and script for a page with no build step. Leave names out for the setup alone.
읽기 전용
입력 스키마 
{'type': 'object', 'properties': {'names': {'type': 'array', 'items': {'type': 'string'}, 'description': 'Item names from search_components, for example ["button", "date-picker"].'}}, 'additionalProperties': False}
get_tokens
Mlola design tokens
The --ml-* tokens grouped by purpose (planes and ink, color roles, spacing, type, density, shape, depth, motion, layers…). Filter with a group name or part of a token name.
읽기 전용
입력 스키마 
{'type': 'object', 'properties': {'group': {'type': 'string', 'description': "For example 'spacing', 'color', 'shadow', 'radius'."}}, 'additionalProperties': False}
search_components
Search Mlola components
Find components, blocks, pages and templates by what they do (for example 'date range', 'chat input', 'pricing'). Returns name, tier (free or Mlola Pro) and a one-line description.
읽기 전용
입력 스키마 
{'type': 'object', 'properties': {'kind': {'enum': ['component', 'block', 'page', 'template'], 'type': 'string'}, 'tier': {'enum': ['free', 'pro'], 'type': 'string'}, 'query': {'type': 'string', 'description': 'Words describing what you need. Empty lists everything.'}}, 'additionalProperties': False}
기록

최근 도구 변경

변경됨
check_markup
2026년 10월 2일 2:40 AM
변경됨
get_install_command
2026년 9월 30일 2:40 AM
변경됨
check_markup
2026년 9월 30일 2:40 AM
추가됨
get_install_command
2026년 9월 28일 2:40 AM
추가됨
check_markup
2026년 9월 28일 2:40 AM
추가됨
get_tokens
2026년 9월 28일 2:40 AM
추가됨
get_component
2026년 9월 28일 2:40 AM
추가됨
search_components
2026년 9월 28일 2:40 AM
추가됨
get_design_rules
2026년 9월 28일 2:40 AM
탐색

유사한 MCP 서버

GripForge

io.github.gripforgeai/mcp

Generates, rigs, animates, analyzes, and packages game characters, weapons, armor, effects, environments, and engine-ready assets.

spriteship

com.spriteship/spriteship

Generates and manages 2D game characters, assets, animations, tilesets, UI packs, maps, and engine-ready exports for multiple gam…

Blixtworks

com.blixtworks.www/tools

Offers pay-per-call utilities for text, image processing and analysis, data conversion, validation, web inspection, cryptography,…

Compose Preview Catalogs

io.github.yschimke/compose-preview

Browses, renders, compares, audits, and edits Jetpack Compose preview catalogs and associated UI designs.

arch-tools-mcp

io.github.Deesmo/arch-tools-mcp

Provides general-purpose agent APIs for browser automation, web and PDF extraction, data conversion, email operations, fact check…

kernelcad

com.kernelcad/kernelcad

Authors, evaluates, reviews, simulates, edits, and exports parametric CAD assemblies and geometry from editable TypeScript-based …

floot

com.floot/floot

Creates, edits, previews, databases, and publishes full-stack web and mobile applications with hosted resources and deployment wo…

Raven

ai.ravenmcp/raven-mcp

Supports coding agents with design audits, design-system guidance, and a configurable visual preference profile.