MCP App StoreMCP App Store
de web-design559
SKILL de conception visuelle web. À partir d'un PRD, d'URL de référence, de captures d'écran ou de mots-clés, il produit une norme de design DESIGN.md, puis génère le code web complet (UI/UX, visuels, animations, responsive). Spécialisé Landing Pages, Portfolios, SaaS...
SKILL de conception visuelle web. À partir d'un PRD, d'URL de référence, de captures d'écran ou de mots-clés (toute combinaison), il produit d'abord une norme de design standardisée DESIGN.md. Après confirmation de l'utilisateur, il génère le code web complet répondant aux normes UI/UX, visuelles, d'animation et de responsivité. Spécialisé dans le web : Landing Pages, Portfolios, pages produits, blogs, sites personnels, pages de présentation SaaS, etc. S'active lorsque l'utilisateur demande "aide-moi à faire un site", "conçois une page", "fais-en un en te basant sur XX", "transforme cette capture/ce PRD en page web", "crée une landing page" ou "produis une norme de design". Ne s'utilise pas pour le backend, les bases de données ou la correction de bugs purement logiques.
Utilisez ce skill quand vous avez besoin de :
design
web
Scripts : non
Références : non
Une compétence de conception web complète qui guide les agents à travers un flux de travail en 3 phases : collecte des besoins (avec crawling d'URL, analyse de captures d'écran ou parsing de PRD), sortie de spécification DESIGN.md, et génération de code de projet. Les scripts sont des outils bien structurés — un crawler web basé sur Playwright, un extracteur de jetons de conception et un générateur d'images d'espace réservé Unsplash — mais nécessitent des dépendances d'exécution (Playwright) et des arguments explicites, ils ne peuvent donc pas être exécutés seuls en mode DRY_RUN. Aucune préoccupation de sécurité trouvée ; tous les scripts sont conçus pour cet usage et sont sûrs.
playwrightCompétence bien conçue avec un flux de travail détaillé par phase et une checklist de qualité. Le fichier SKILL.md est exceptionnellement complet avec des arbres de décision clairs, des chaînes de repli et des contraintes de performance. Les scripts sont des outils utilitaires plutôt que des exécutables autonomes — ils s'attendent à être invoqués avec des arguments spécifiques par l'agent. La liste d'images Unsplash organisée est une touche agréable pour la génération de placeholders.
Clerk Vue Patterns
Vue 3 integration patterns for Clerk: composables, router guards, and Pinia auth store integration.
Manim Idea to Export
Turn plain-language concepts into production-ready ManimCE scene blueprints, runnable code, preview renders, and final export commands for video assets.
React Development Expert
Provides authoritative React guidance on hooks, state patterns, Server Components, performance optimization, and common architectural patterns.
Office & Design Toolkit
Comprehensive toolkit for processing and producing DOCX, PPTX, XLSX and PDF files plus design guidance and quality checks for professional office documents and
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.
dotLottie Web
Guidelines and patterns for implementing performant dotLottie/Lottie animations on the web (vanilla JS and React), including workers, state machines, and themin