About
Generative design system builder.
README
GenPark Magic UI is a zero-dependency frontend layout and design token engine implementing flexbox coordinate constraint solving, WCAG 2.1 contrast-compliant color palette generation, and fluid typography clamp() modular scales.
flowchart LR
A[Container Constraints] --> B[Flex Space & Grow/Shrink Engine]
B --> C[Item Bounding Boxes (x, y, w, h)]
D[Primary Brand Hex] --> E[Relative Luminance Transform]
E --> F[10-Shade WCAG Contrast Tokens]
G[Base Font & Modular Ratio] --> H[Fluid CSS Clamp Interpolator]
Features
- Flexbox Constraint Solver: Resolves exact coordinate bounding boxes handling
flex_grow,flex_shrink, and multi-mode justification (space-between,space-around,center). - WCAG 2.1 Design Tokens: Computes 10 shades with sRGB luminance and AA/AAA contrast ratios against light/dark themes.
- Fluid Typography: Generates CSS
clamp(min, preferred, max)responsive typography tokens based on customizable modular ratios.
Quickstart
from client import GenParkMagicUI
ui = GenParkMagicUI()
res = ui.compute_fluid_modular_scale(base_font_px=16.0, ratio=1.25)
print(res["typography_tokens"]["lg"]["css_clamp"])
License
MIT
Installing Genpark Magic Ui
This server has no published package — it is built from source. Open the repository and follow its README.
▸ github.com/alphaparkinc/genpark-magic-uiFAQ
Is Genpark Magic Ui MCP free?
Yes, Genpark Magic Ui MCP is free — one-click install via Unyly at no cost.
Does Genpark Magic Ui need an API key?
No, Genpark Magic Ui runs without API keys or environment variables.
Is Genpark Magic Ui hosted or self-hosted?
Self-hosted: the server runs locally on your machine via the install command above.
How do I install Genpark Magic Ui in Claude Desktop, Claude Code or Cursor?
Open Genpark Magic Ui on unyly.org, pick your client tab (Claude Desktop, Claude Code, Cursor) and press Install — the config is generated automatically, no JSON editing.
Related MCPs
LibreOffice Tools
Enables AI agents to read, write, and edit Office documents via LibreOffice with token-efficient design. Supports multiple formats including DOCX, XLSX, PPTX, a
by passerbyflutterFigma
Extract design specs and assets
by Figmadannote/figma-use
Figma control: create shapes, text and components, and set styles, auto-layout, variables and exports.
by dannoteLogo.dev
Search and retrieve company logos by brand or domain. Customize size, format, and theme to match your design needs. Accelerate design, prototyping, and content
by NOVA-3951Design Inspiration Server
Searches top design platforms like Dribbble and Behance to provide UI inspiration, color palettes, and layout patterns via the Serper API. It allows users to re
by YonasValentinPIX4Dmatic
Enables GUI automation for controlling PIX4Dmatic on Windows through MCP. Supports launching, focusing, capturing screenshots, sending hotkeys, clicking UI elem
by jangjo123mcp-dockmaster
An Open-Sourced UI to install and manage MCP servers for Windows, Linux and macOS.
ariekogan/ateam-mcp
Build, validate and deploy multi-agent AI solutions on the ADAS platform: design skills with tools and manage the solution lifecycle.
by ariekoganthinkchainai/mcpbundles
Create custom tool bundles, connect providers with OAuth or API keys, and use one MCP server across many integrations, with a UI for bundles and credentials.
by thinkchainaijau123/MeiGen-AI-Design-MCP
Image generation and editing with a curated prompt library, prompt enhancement and routing across local ComfyUI, MeiGen Cloud and OpenAI-compatible APIs.
by jau123Compare Genpark Magic Ui with
Not sure what to pick?
Find your stack in 60 seconds
Author?
Embed badge for your README
Browse similar
All design MCPs