MCP App StoreMCP App Store
from json-render14,376
Vue 3 renderer that converts JSON UI specs into Vue components with data binding, visibility rules, and actions—useful for rendering AI-generated UI specs progr
@json-render/vue provides a Vue 3 runtime and utilities that transform declarative JSON specs into rendered Vue component trees. It offers state and action providers, visibility/validation helpers, streaming utilities, and a catalog/registry system for component definitions.
Use this when you need to render AI- or data-generated UI specs into Vue apps, build dynamic form-like interfaces driven by JSON, or wire generated specs to a Vue state store or action handlers. Ideal for generative UI, low-code editors, and dynamic dashboards.
Front-end build tools and developer workflows that target Vue 3 (works with frameworks and agents that produce JSON UI specs).
Vue 3 renderer skill for @json-render/vue that converts JSON UI specs into Vue component trees with data binding, visibility rules, and actions. SKILL.md is well-structured with clear API reference tables, code examples for catalog/registry/rendering, and covers providers, composables, and streaming. No bundled scripts to test. No security concerns — purely documentation for a frontend library with no shell execution, network calls, or credential handling.
Clean reference skill for the @json-render/vue library. Good frontmatter with specific trigger description. Well-organized with tables for providers, composables, and exports. Missing a references/ directory for deeper docs, but the single-file approach works for an API reference skill. Deductions: architecture could benefit from separating extended examples into references/; usefulness is moderate — audience is developers building JSON-driven Vue UIs, which is niche but growing with AI-generated UIs.
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
Colorize (Strategic UI Color)
Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
ClearShot — Screenshot UI Analysis
Structured UI screenshot analysis using a 5×5 spatial grid, full element inventory, and design system extraction. Escalates to full implementation blueprint whe
Colorize — Strategic UI Color Introduction
Introduce purposeful color to monochromatic interfaces to improve hierarchy, meaning, and visual engagement while preserving accessibility.
DAUB UI
A drop-in CSS+JS component library with 70+ carefully designed components and 20 theme families for fast, consistent UI building.
Framer Plugin Development Guide
Expert reference for building, debugging, and publishing Framer plugins: scaffolding, modes, ManagedCollection APIs, build tooling, and marketplace rules.
Makepad Event/Action
Event and action handling patterns for Makepad widgets — guides handling Mouse/Touch/Keyboard events, Hit detection, action emission and parent capture.