Intégration d'Outils de Design — Superpowers Sage

Ce que fait cet outil

Route les liens de design fournis par l'utilisateur (Paper, Figma, Stitch) ou les assets de design locaux vers le flux d'extraction approprié et produit des sorties structurées par section : captures d'écran, notes de mise en page, styles calculés, références de composants et extraits JSX/markup le cas échéant. Conçu pour supporter les flux d'implémentation dans les projets Sage et pour persister les assets extraits dans les répertoires de planification.

Quand l'utiliser

• Au début de l'implémentation à partir d'un fichier ou d'un lien de design.
• Pour capturer une référence de design faisant autorité avant de construire l'UI.
• Pour comparer l'UI implémentée par rapport au design lors de la QA.
• Pour alimenter les assets d'un plan avec des captures d'écran et des notes structurées.

Ce qui est inclus

• Scripts : aucun script groupé, mais la compétence documente les appels d'outils MCP attendus (mcp__paper__, mcp__figma__, mcp__stitch__, flux pencil).
• Références : étapes de flux pour chaque source de design supportée et messages de contrôle MCP.
• Instructions : règles de routage détaillées, étapes d'extraction par source et conventions de sauvegarde de fichiers pour les assets du plan.

Agents compatibles

Les agents capables d'utiliser les intégrations MCP et les E/S de fichiers (Claude Code, agents compatibles MCP, ou environnements d'agents personnalisés avec les adaptateurs MCP correspondants).