
de cc-design465
Une compétence d'agent qui produit des artefacts de conception HTML de haute fidélité et des prototypes interactifs (slides, pages d'atterrissage, maquettes UI), avec routage, modèles et vérification.
CC-Design permet à un agent d'agir comme un expert en conception et prototypage HTML. La compétence fournit une logique de routage pour classifier les tâches de conception, des modèles et des références pour les artefacts courants (slides, landing pages, prototypes interactifs), et un flux de travail étape par étape : comprendre, router, acquérir le contexte, définir l'intention de conception, construire, vérifier (structure/visuel/excellence du design) et livrer. La compétence met l'accent sur des sorties vérifiées — aucune erreur console, rendu vérifié par capture d'écran et noms de fichiers descriptifs — et impose des contrôles de qualité du design avant la remise.
Déclenchez cette compétence lorsqu'un utilisateur demande de concevoir, prototyper, maquetter, "rendre joli", ou mentionne Figma, des jeux de slides, des kits UI, des wireframes ou des présentations. Utilisez-la pour des pages d'atterrissage web, des présentations, des démos interactives et des prototypes HTML au niveau du composant où la fidélité visuelle et un rendu vérifié sont requis.
Conçue pour les agents pouvant effectuer des opérations sur le système de fichiers, lancer un rendu de navigateur (outils type Playwright) et utiliser les outils Read/Write — adaptée pour Cursor, les agents avec intégrations Playwright ou les configurations d'exécution OpenClaw.
cc-design est une compétence complète de conception et de prototypage HTML pour créer des présentations, des pages d'atterrissage, des maquettes d'interface utilisateur et des prototypes interactifs. Elle comprend 14 scripts couvrant le traitement vidéo/audio, la conversion de format, l'exportation PDF/PPTX et la gestion de bundles. Le fichier SKILL.md est exceptionnellement détaillé avec un système de routage approfondi, des garde-fous typographiques, des règles anti-AI-slop et des protocoles de vérification. Les scripts shell valident correctement les entrées et affichent des messages d'utilisation, mais 10 scripts Node.js ont été ignorés par l'exécuteur. Les scripts multimédias nécessitent ffmpeg qui n'est pas présent dans l'environnement d'audit.
ffmpegffproberipgrep (rg)playwright (npm)pdf-lib (npm)pptxgenjs (npm)sharp (npm)Compétence bien conçue avec une méthodologie de design solide. Aucun problème de sécurité au-delà d'une légère interpolation shell dans les filtres ffmpeg (valeurs calculées en interne, pas d'entrées utilisateur dans un contexte web). Le mécanisme de mise à jour est initié par l'utilisateur et non automatique. Système de référence étendu avec une divulgation progressive claire. Les protocoles anti-slop et de vérification de la compétence sont particulièrement rigoureux.