Skills Google Labs Code

A scoring scale for evaluating how well a CLI is designed for AI agents, based on the "Rewrite Your CLI for AI Agents" principles.

Une échelle de notation pour évaluer dans quelle mesure une CLI est conçue pour les agents IA, basée sur les principes de « Rewrite Your CLI for AI Agents ».

Configurer le triage et la résolution automatisés des issues GitHub à l'aide d'agents de codage Jules parallèles

Analyze Stitch design projects and generate semantic DESIGN.md files as prompting source of truth. Retrieves screen metadata, HTML/CSS source, and design assets from Stitch projects via MCP Server tools to extract design tokens and visual patterns Synthesizes findings into structured DESIGN.md files covering atmosphere, color palette with hex codes, typography, component styling, and layout principles Translates technical values (Tailwind classes, border-radius, shadows) into evocative...

Analyser les projets de conception Stitch et générer des fichiers DESIGN.md sémantiques comme source de vérité pour les prompts. Récupère les métadonnées d'écran, le code source HTML/CSS et les ressources de conception des projets Stitch via les outils du serveur MCP pour extraire les tokens de design et les motifs visuels. Synthétise les résultats dans des fichiers DESIGN.md structurés couvrant l'ambiance, la palette de couleurs avec codes hexadécimaux, la typographie, le style des composants et les principes de mise en page. Traduit les valeurs techniques (classes Tailwind, border-radius, ombres) en...

Transforms vague UI ideas into polished, Stitch-optimized prompts with design system context. Assesses missing elements (platform, page type, visual style, colors, components) and fills gaps systematically Checks for and integrates DESIGN.md files to ensure consistency across multi-page projects Applies enhancement techniques including UI/UX keyword specificity, mood amplification, page structure organization, and proper color formatting Outputs structured prompts ready for Stitch...

We need to translate the given English text into French, preserving the name "enhance-prompt" if it appears. The name does not appear in the source text, so we don't include it. We must not add any extra commentary, labels, or formatting. Just the translation. The text: "Transforms vague UI ideas into polished, Stitch-optimized prompts with design system context. Assesses missing elements (platform, page type, visual style, colors, components) and fills gaps systematically Checks for and integrates DESIGN.md files to ensure consistency across multi-page projects Applies enhancement techniques including UI/UX keyword specificity, mood amplification, page structure organization, and proper color formatting Outputs structured prompts ready for Stitch..." Note: There are missing periods and run-on sentences. We'll translate as a coherent French text, preserving the meaning. "Stitch" is a product name, keep as is. "DESIGN.md" is a technical term, keep as is. "UI/UX" keep as is. "Stitch-optimized" - keep "Stitch

Cette compétence effectue une "lecture approfondie" d'un dépôt. Elle évite les listes superficielles en comprenant d'abord l'architecture du projet, puis en évaluant les éléments ouverts dans ce contexte.

Moteur de rendu terminal Ink pour json-render qui transforme des spécifications JSON en interfaces utilisateur terminal interactives. À utiliser lorsque vous travaillez avec @json-render/ink, construisez des interfaces utilisateur terminal à partir de…

Rendu terminal ink pour json-render qui transforme les spécifications JSON en interfaces terminal interactives. À utiliser avec @json-render/ink, pour créer des interfaces terminal à partir de…

Configurer un dépôt pour la vérification locale des GitHub Actions à l'aide de act, afin que Jules puisse valider le CI avant de pousser

Convertissez des designs Stitch en tableaux de bord React + Vite de production avec TanStack Query, des jetons accessibles depuis DESIGN.md et des modèles prêts pour le Web3 (ethers/viem).

react:components — une compétence installable pour agents IA, publiée par google-labs-code/stitch-skills.

We need to translate the given English text into French, preserving the name "remotion" (which appears as "Remotion" in the text, but we preserve it as is). The instruction says: "Preserve product names, protocol names, URLs, numbers, and technical terms." So "Remotion" is a product name, keep it. Also "Stitch" is a product name? It says "Stitch app designs" - likely a product name, keep as "Stitch". Also "ScreenSlide", "WalkthroughComposition" are component names, keep as is. "zoom effects", "fade transitions", "text overlays" are technical terms, translate? The instruction says "technical terms" - but these are common terms. However, the instruction says "Preserve ... technical terms" - meaning do not translate? Actually it says "Preserve product names, protocol names, URLs, numbers, and technical terms." So technical terms should be preserved as is. But "zoom effects" might be considered a technical term? Possibly keep as "zoom effects

Create professional walkthrough videos from Stitch app designs using Remotion with smooth transitions and text overlays. Retrieves screens from Stitch projects and orchestrates them into Remotion video compositions with zoom effects, fade transitions, and contextual text overlays Supports modular component architecture with ScreenSlide and WalkthroughComposition components, plus advanced features like interactive hotspots and voiceover integration Generates screen manifests, downloads...

Expert guidance for discovering, installing, and customizing shadcn/ui components in your project. shadcn/ui is a copy-paste component collection, not a library—components live in your codebase for full ownership and customization without version lock-in Includes 50+ accessible, pre-built components (buttons, dialogs, forms, tables, etc.) built on Radix UI or Base UI primitives with Tailwind CSS styling Supports theme customization via CSS variables, component variants with...

Conseils d'expert pour découvrir, installer et personnaliser les composants shadcn/ui dans votre projet. shadcn/ui est une collection de composants à copier-coller, pas une bibliothèque : les composants résident dans votre codebase pour une propriété et une personnalisation complètes, sans verrouillage de version. Comprend plus de 50 composants préconstruits et accessibles (boutons, boîtes de dialogue, formulaires, tableaux, etc.) basés sur les primitives Radix UI ou Base UI avec le style Tailwind CSS. Prend en charge la personnalisation du thème via les variables CSS, les variantes de composants avec...

We need to translate the given English text into French, preserving the name "stitch-design" and other technical terms. The text is a description of an agent skill. We must not add any extra commentary or labels. The translation should be natural French while keeping product names, protocol names, URLs, numbers, technical terms unchanged. The name "stitch-design" appears in the source? Actually the source text says "Stitch MCP" and "stitch-design" is the name to preserve but it's not in the source text. The instruction says "Name to preserve: stitch-design" but the source text does not contain that exact string. It contains "Stitch MCP" and ".stitch/DESIGN.md". We should preserve those as is. The name "stitch-design" is not in the text, so we don't need to insert it. We just translate the text. Let's translate: "Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP. Transforms rough design ideas into structured prompts using professional UI

Autonomous website builder using iterative Stitch generation with baton-passing loop coordination. Implements a relay pattern where each agent iteration reads a task from .stitch/next-prompt.md , generates a page via Stitch MCP, integrates it into the site, and writes the next task for continuation Manages Stitch project state through .stitch/metadata.json , persisting project IDs, screen metadata, and design theme across iterations Requires .stitch/DESIGN.md (visual design system) and...

Constructeur de site web autonome utilisant la génération itérative Stitch avec coordination en boucle de passage de relais. Implémente un modèle de relais où chaque itération d'agent lit une tâche depuis .stitch/next-prompt.md, génère une page via Stitch MCP, l'intègre dans le site, et écrit la tâche suivante pour la continuation. Gère l'état du projet Stitch via .stitch/metadata.json, en conservant les ID de projet, les métadonnées d'écran et le thème de design entre les itérations. Nécessite .stitch/DESIGN.md (système de design visuel) et...

Find bugs in the Stitch SDK using a real API key. Covers standard functional edges and tricky situations.

Trouver des bugs dans le SDK Stitch en utilisant une clé API réelle. Couvre les cas fonctionnels standards et les situations délicates.

Develop the Stitch SDK. Covers the generation pipeline, dual modality (agent vs SDK), error handling, and Traffic Light (Red-Green-Yellow) implementation…

Développer le SDK Stitch. Couvre le pipeline de génération, la double modalité (agent vs SDK), la gestion des erreurs et l'implémentation du Feu de signalisation (Rouge-Vert-Jaune)...

Concevez le modèle de domaine pour le SDK Stitch. À utiliser lors du mappage des outils MCP vers les classes de domaine et les liaisons dans domain-map.json. Il s'agit de l'étape 2 de la génération…

Concevoir le modèle de domaine pour le SDK Stitch. Utiliser lors du mappage des outils MCP vers les classes de domaine et les liaisons dans domain-map.json. Il s'agit de l'étape 2 de la génération…

Exécutez le pipeline complet de génération du SDK Stitch. À utiliser lorsqu'un nouvel outil est ajouté ou que le SDK doit être régénéré de bout en bout.

Run the full Stitch SDK generation pipeline. Use when a new tool is added, or the SDK needs to be regenerated end-to-end.

Générer ou mettre à jour le README pour le Stitch SDK. Utiliser la structure Bookstore Test et sourcer l'API actuelle depuis la base de code. Utiliser lorsque le README doit…

Générer ou mettre à jour le README du SDK Stitch. Utiliser la structure Bookstore Test et extraire l'API actuelle du codebase. À utiliser lorsque le README doit être…

Utilisez le SDK Stitch pour générer, modifier et itérer sur des écrans d'interface utilisateur à partir d'invites textuelles, gérer des projets et récupérer le HTML/images des écrans. Utilisez-le lorsque l'utilisateur souhaite…

stitch-sdk-usage — une compétence installable pour les agents d'IA, publiée par google-labs-code/stitch-sdk.

Convertir du code frontend (Vite, React, etc.) en un Stitch Design en enchaînant l'extraction HTML statique, l'extraction du système de design et le téléchargement de fichiers. **TOUJOURS** utiliser ceci…

Extraire un système de design complet (DESIGN.md) directement à partir du code source frontend — React, Vue, Svelte, Angular, HTML/CSS simple, ou tout framework web.…

Extraire du HTML statique autonome d'une application web construite ou de composants React en intégrant le CSS et les images en ligne. Utilisez cette compétence chaque fois que vous devez capturer un…

Générer de nouveaux écrans à partir de prompts textuels ou d'images, modifier des écrans existants avec des prompts et des jetons de système de design, et générer des variantes de design à l'aide de Stitch MCP.…

Gérer les systèmes de design dans Stitch à l'aide des outils MCP. Inclut la récupération des ressources, la création/mise à jour des systèmes de design dans Stitch, et leur application aux écrans.

Convertit les designs Stitch en composants Vite et React modulaires, ou synchronise/met à jour les composants React existants pour les aligner sur les derniers designs Stitch, en utilisant…

Convertit les designs HTML Stitch en composants React Native, ou synchronise/met à jour les composants natifs existants pour les aligner sur les derniers designs Stitch, en utilisant StyleSheet.

Télécharger des actifs locaux (images, maquettes, HTML extrait, markdown de conception) vers un projet Stitch. Utilisez TOUJOURS cette compétence lorsque vous devez télécharger des actifs visuels, du HTML…

Generates semantic design system files that enforce premium, anti-generic UI standards for Google Stitch screen generation. Produces DESIGN.md files encoding visual atmosphere, color calibration, typography rules, component behaviors, layout principles, and motion philosophy in Stitch-native semantic language Enforces strict anti-patterns: bans generic fonts (Inter, Times New Roman), neon aesthetics, overlapping elements, centered Hero sections, fabricated metrics, and AI copywriting clichés...

Compétence de système de design sémantique pour Google Stitch. Génère des fichiers DESIGN.md adaptés aux agents qui imposent des normes d’interface utilisateur premium et anti-génériques — typographie stricte,…

Cette compétence implémente un cadre structurel pour la programmation assistée par IA afin de garantir que chaque ligne de code soit vérifiable, typée et utile.

Cette compétence implémente un cadre structurel pour la programmation assistée par IA, garantissant que chaque ligne de code est vérifiable, typée et intentionnelle.

Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…

Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex…

Norme d'architecture pour construire des services TypeScript robustes et type-safe utilisant le modèle "Spec and Handler". À utiliser lors de la création de CLI, bibliothèques ou systèmes complexes…