이 MCP로 할 수 있는 일
Provides a library of motion and 3D UI patterns with tools to recommend, validate, audit, and retrieve ready-to-use HTML, CSS, JavaScript, and framework components.
기능
도구
11
도구
audit_page
Audit an EXISTING page (yours or a client's — any AI builder, any stack) for the default-AI "section grammar" tell: numbered steps, a centered hero with two buttons, 3-up icon cards, a testimonial/FAQ/CTA-band skeleton repeating unchanged. Deterministic, no LLM — every finding cites the exact matched HTML. Returns an ai_shaped_score (0-100), per-section tells with evidence, page-level tells (skeleton order, uniform scaffolding, default type/motion), and prescriptions: real Motion Menu patterns to replace each flagged section, drawn from the same graph recommend_patterns/validate_combination use, plus the exact next tool calls to fetch and validate them. FREE, no key required.
입력 스키마
{'type': 'object', 'properties': {'url': {'type': 'string', 'description': 'alternative to html — fetched server-side (https only, public addresses only, 3 MB cap, 10 s timeout, no redirect to a private range, no credentials forwarded)'}, 'html': {'type': 'string', 'description': "the page's full HTML — one page per call; a multi-page site is the caller's own loop"}}}
build_page
Design a complete page from intent. Returns an act map — 5–7 acts in page order, each with a purpose, recommended patterns (by slug), and a density rating (loud/quiet). Follows the one-page protocol: density wave pacing, one GL spectacle, 12–18 viewport-heights. Feed the result straight to get_pattern to retrieve the code. Returns metadata only — no pattern bodies.
입력 스키마
{'type': 'object', 'required': ['intent'], 'properties': {'acts': {'type': 'number', 'description': 'Number of acts (default 6, range 5–7)'}, 'seed': {'type': ['string', 'number'], 'description': 'Reproducible creative seed.'}, 'intent': {'type': 'string', 'description': 'What the page is for, e.g. "luxury real estate landing page" or "SaaS startup launch with pricing"'}, 'history': {'type': 'array', 'items': {'type': 'string'}, 'description': 'Recently used pattern slugs or numbers to cool down.'}, 'exclusions': {'type': 'array', 'items': {'type': 'string'}, 'description': 'Pattern slugs or numbers that must not be used.'}, 'direction_id': {'type': 'string', 'description': 'One direction_id returned by propose_directions for this same intent/seed.'}}}
check_updates
Check whether patterns you already built with have changed. Pass the library version you last built against (from `version` in a previous check_updates or /p/manifest.json) and get back exactly which slugs were added, changed or removed — so you re-pull three patterns instead of all of them. Call with no arguments to read the current version and library counts. Record the version you get back alongside the code you generate.
입력 스키마
{'type': 'object', 'properties': {'since': {'type': 'string', 'description': 'The library version you built against. Omit to just read the current one.'}}}
get_design_digest
Get the machine-readable Motion Menu quality contract. Call before build_page. It defines anti-generic composition rules, motion lifecycle, responsive requirements, truth constraints, and release verification gates.
입력 스키마
{'type': 'object', 'properties': {}}
get_kit
Get the Motion Menu build kit: the design laws, the one-page act protocol, stack pins, known gotchas, and the full pattern index. Call this FIRST before building a page.
입력 스키마
{'type': 'object', 'properties': {}}
get_pattern
Get one pattern by number, including its complete transplantable HTML, CSS and JS. Pass framework to get a ready-to-use component wrapper (react .tsx, vue .vue, svelte .svelte, or vanilla .ts).
입력 스키마
{'type': 'object', 'properties': {'slug': {'type': 'string', 'description': 'permanent identity, e.g. "velocity-image-bend" — preferred'}, 'number': {'type': 'string', 'description': 'pattern number, e.g. "84" — a permanent alias for the slug'}, 'framework': {'enum': ['react', 'vue', 'svelte', 'vanilla'], 'type': 'string', 'description': 'component wrapper format (default: raw HTML/CSS/JS)'}}}
list_patterns
List Motion Menu patterns. Every row is "number slug <role> [tags] · title". ROLE is where the pattern goes on a page (hero, nav, pricing, background, product, form…) — filter by it when you are building a page rather than hunting an effect. The SLUG is the permanent identity — prefer it. Filter by tag (e.g. "scroll", "webgl", "seam", "commerce"), by collection slug (e.g. "seams-handoffs"), by free-text query, or by legacy section letter. Call with no arguments to see the whole catalogue and its tag vocabulary.
입력 스키마
{'type': 'object', 'properties': {'tag': {'type': 'string', 'description': 'optional tag, e.g. "scroll", "glsl", "commerce"'}, 'role': {'type': 'string', 'description': 'WHERE IT GOES on a page — hero, nav, footer, pricing, background, gallery, product, form, stats, testimonial, cta, content, seam, chrome, type. Start here when building a page.'}, 'query': {'type': 'string', 'description': 'optional substring filter on title/description'}, 'section': {'type': 'string', 'description': 'legacy section letter, e.g. "J" — tags supersede this'}, 'collection': {'type': 'string', 'description': 'optional collection slug, e.g. "webgl-3d"'}}}
propose_directions
Turn a business/page brief into three deliberately different design genomes before choosing components. Each direction defines layout grammar, typography, imagery, motion physics, density rhythm, and explicit avoid rules. Pass a returned direction_id into build_page with the same brief and seed.
입력 스키마
{'type': 'object', 'required': ['brief'], 'properties': {'seed': {'type': ['string', 'number'], 'description': 'Reproducible creative seed.'}, 'brief': {'type': 'string', 'description': 'Business, audience, offer, conversion goal, real assets, and brand constraints.'}}}
recommend_patterns
Intent-aware pattern recommendations. Describe what you are building — industry, style, mood, technical needs — and get scored results with reasons and compatibility suggestions. Returns metadata only (number, slug, title, role, score, reason, compatible_with). Call get_pattern to retrieve the actual code for any recommendation.
입력 스키마
{'type': 'object', 'required': ['intent'], 'properties': {'role': {'type': 'string', 'description': 'Optional page-role filter (hero, nav, pricing, footer, background, etc.)'}, 'seed': {'type': ['string', 'number'], 'description': 'Reproducible creative seed. The same brief and seed return the same candidates; change it to explore another valid realization.'}, 'count': {'type': 'number', 'description': 'Max results (default 5, max 20)'}, 'intent': {'type': 'string', 'description': 'What you are building, e.g. "premium SaaS landing page for enterprise AI startup" or "dark minimal portfolio with dramatic 3D hero"'}, 'context': {'type': 'array', 'items': {'type': 'string'}, 'description': 'Slugs or numbers already chosen for this page (order does not matter here). Recommendations that clash with any of them are excluded, a pattern already at its own max_per_page in context is skipped, and a WebGL pattern in context or in the results auto-adds device-tier-gate (245) as the fallback.'}, 'history': {'type': 'array', 'items': {'type': 'string'}, 'description': 'Recently used pattern slugs or numbers. They receive a strong cooldown penalty instead of dominating every session.'}, 'exclusions': {'type': 'array', 'items': {'type': 'string'}, 'description': 'Pattern slugs or numbers that must not be returned.'}}}
validate_combination
Check whether a set of patterns work well together. Pass the slugs (or numbers) of patterns you plan to combine on a page and get a compatibility report: overall score, per-pair analysis, style/industry coherence, intensity balance, page-flow coverage, and warnings (duplicate roles, missing positions, too many heavy patterns). Call BEFORE building to catch mismatches early.
입력 스키마
{'type': 'object', 'required': ['components'], 'properties': {'components': {'type': 'array', 'items': {'type': 'string'}, 'maxItems': 20, 'minItems': 2, 'description': 'Pattern slugs or numbers to validate together'}}}
verify_repair
Re-audit a page you just rewrote from audit_page's prescriptions and get a pass/fail verdict: fresh ai_shaped_score, the delta from the prior audit (pass baseline_score or the whole prior audit_page result as `baseline`), and any tells STILL present, each with a concrete fix instruction. FREE, no key required.
입력 스키마
{'type': 'object', 'required': ['html'], 'properties': {'html': {'type': 'string', 'description': "the rewritten page's full HTML"}, 'baseline': {'type': 'object', 'description': 'optional — the whole prior audit_page result, for a per-section tell-count delta in addition to the overall score delta; baseline_score is derived from it if omitted'}, 'baseline_score': {'type': 'number', 'description': 'optional — the ai_shaped_score from the prior audit_page call, for a pass/fail delta'}}}
기록
최근 도구 변경
추가됨
verify_repair
2026년 9월 17일 12:41 PM
추가됨
audit_page
2026년 9월 17일 12:41 PM
추가됨
validate_combination
2026년 9월 17일 12:41 PM
추가됨
build_page
2026년 9월 17일 12:41 PM
추가됨
propose_directions
2026년 9월 17일 12:41 PM
추가됨
recommend_patterns
2026년 9월 17일 12:41 PM
추가됨
check_updates
2026년 9월 17일 12:41 PM
추가됨
get_design_digest
2026년 9월 17일 12:41 PM
추가됨
get_kit
2026년 9월 17일 12:41 PM
추가됨
get_pattern
2026년 9월 17일 12:41 PM
추가됨
list_patterns
2026년 9월 17일 12:41 PM
탐색
유사한 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.