MCP App StoreMCP App Store
de IFQ Design Skills14
Compétence de design axée sur le HTML pour les agents : produit des prototypes vérifiés, des présentations, des infographies, des tableaux de bord et des actifs prêts à l'exportation (PDF/PPTX/MP4/SVG).
IFQ Design Skills canalise les demandes visuelles en langage naturel vers un flux de livraison répétable axé sur le HTML. Elle choisit un mode et un modèle, bifurque un artefact HTML vérifié dans l'espace de travail, exécute une vérification légère (npm run verify:lite) et prépare des exportations optionnelles (PDF/PPTX/MP4/SVG) sur demande. La compétence encode des politiques de vérification et d'exportation hiérarchisées afin que les agents livrent un artefact minimal viable et révisable dès le premier tour.
Utilisez cette compétence pour des prototypes interactifs, des maquettes haute fidélité, des pages de destination, des tableaux de bord, des présentations, des infographies, des démos d'animation, des systèmes de marque et tout livrable visuel où un artefact axé sur le HTML est acceptable. Ne pas utiliser pour l'ingénierie frontend de production, le travail backend ou les simples modifications de texte.
Conçue pour fonctionner sur des hôtes compatibles AgentSkills (OpenClaw, ClawHub, Claude Code, Codex CLI, Cursor). Les métadonnées listent l'outillage basé sur les nœuds pour la vérification Tier 0 et des flux optionnels Playwright/ffmpeg pour les exportations.
IFQ Design Skills est une compétence de conception complète orientée HTML pour les agents, couvrant 12 modes (prototypes, diapositives, tableaux de bord, infographies, etc.) avec une livraison basée sur des modèles et l'exportation optionnelle en MP4/PDF/PPTX. Le SKILL.md est exceptionnellement bien structuré avec un routage clair, une récupération d'erreurs et des modèles de conversation. Les scripts sont des outils CLI bien documentés nécessitant des fichiers d'entrée/arguments pour s'exécuter ; le runner n'a testé que les fichiers .sh et .py, ignorant 12 modules JS. Les deux scripts shell et verify.py ont terminé avec des erreurs d'utilisation (attendu sans fichiers d'entrée). add-music.sh présente un bug mineur avec l'accès au tableau POSITIONAL sous set -eu.
playwrightpptxgenjssharpffmpegCompétence très bien conçue. La posture de sécurité est forte : permissions explicites, pas d'eval dynamique, pas d'appels réseau dans la boucle principale, pas d'installations cachées, signaux de capacité clairement déclarés. L'architecture suit de près la spécification AgentSkills avec divulgation progressive. Le seul problème réel est un bug mineur de script shell dans add-music.sh.
Markdrop
Convert PDFs to structured Markdown or interactive HTML and generate AI-powered descriptions for images and tables using multiple LLM providers.
Colorize (Strategic UI Color)
Introduce purposeful color into monochromatic or dull interfaces to improve hierarchy, meaning, and emotional warmth while preserving accessibility.
Plotly (Interactive Python Visualizations)
Interactive Python visualization skill for building hoverable, zoomable, and embeddable charts (Plotly Express + Graph Objects) for EDA, dashboards, and present
PPT as Code
Creator-first workflow to plan and build HTML-first presentations with staged modes (quick/basic/advanced), optional PPTX export, and clear QA and image plannin
PinchTab Development
Developer guide for building, testing, and contributing to PinchTab — commands, workflows, and PR checklist for local development and CI.
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.
draw.io Diagram Skill
Create, edit, lint, and export draw.io diagrams; includes export helpers, SVG linting, and repository QA for clean architecture and icon-based diagrams.