MCP App StoreMCP App Store
de json-render14,376
Rendu Vue 3 qui convertit les spécifications d'interface utilisateur JSON en composants Vue avec liaison de données, règles de visibilité et actions — utile pour le rendu programmatique de spécifications d'UI générées par IA.
@json-render/vue fournit un runtime Vue 3 et des utilitaires qui transforment des spécifications JSON déclaratives en arbres de composants Vue rendus. Il propose des fournisseurs d'état et d'action, des aides à la visibilité/validation, des utilitaires de streaming et un système de catalogue/registre pour les définitions de composants.
Utilisez-le lorsque vous devez rendre des spécifications d'UI générées par IA ou par des données dans des applications Vue, construire des interfaces dynamiques de type formulaire pilotées par JSON, ou lier des spécifications générées à un store d'état Vue ou à des gestionnaires d'action. Idéal pour l'UI générative, les éditeurs low-code et les tableaux de bord dynamiques.
Outils de build front-end et flux de travail de développement ciblant Vue 3 (fonctionne avec les frameworks et les agents qui produisent des spécifications d'UI JSON).
Compétence de rendu Vue 3 pour @json-render/vue qui convertit les spécifications d'interface utilisateur JSON en arbres de composants Vue avec liaison de données, règles de visibilité et actions. Le SKILL.md est bien structuré avec des tableaux de référence API clairs, des exemples de code pour le catalogue/registre/rendu, et couvre les fournisseurs, les composables et le streaming. Aucun script groupé à tester. Aucune préoccupation de sécurité — purement documentaire pour une bibliothèque frontend sans exécution shell, appels réseau ou gestion d'identifiants.
Compétence de référence propre pour la bibliothèque @json-render/vue. Bon frontmatter avec une description de déclencheur spécifique. Bien organisé avec des tableaux pour les fournisseurs, les composables et les exports. Manque un répertoire references/ pour des docs plus approfondies, mais l'approche mono-fichier fonctionne pour une compétence de référence API. Déductions : l'architecture pourrait bénéficier de la séparation des exemples étendus dans references/ ; l'utilité est modérée — le public est composé de développeurs créant des interfaces Vue pilotées par JSON, ce qui est niche mais en croissance avec les interfaces générées par IA.
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.