Google Stitch : présentation approfondie 🔥 Stitch est un tout nouvel outil expérimental d'IA lancé aujourd'hui par Google Labs, avec le slogan "De l'idée à l'application". En résumé : grâce à des invites en langage naturel (ou en téléchargeant des croquis/dessins faits à la main ou des captures d'écran), il est possible de générer en quelques secondes des designs UI professionnels pour mobile et Web, tout en produisant directement un code front-end propre, accélérant ainsi le processus de transformation d'une idée en interface fonctionnelle. Capacités clés : Text-to-UI : décrivez l'interface en chinois ou en anglais, par exemple : "une page d'accueil d'application de fitness moderne, en mode sombre, avec une mise en page en cartes", l'IA génère immédiatement la mise en page complète, les couleurs, les icônes, etc. Image-to-UI : téléchargez des croquis faits à la main, des maquettes, des captures d'écran de concurrents ou des images de référence, Stitch peut comprendre et transformer cela en une UI magnifique et éditable (le mode expérimental avec Gemini 2.5 Pro est encore plus puissant). Double mode : Mode Standard (Gemini 2.5 Flash) : rapide, idéal pour des itérations rapides. Mode Expérimental (Gemini 2.5 Pro) : qualité supérieure, prend en charge les entrées d'images, plus précis. Itération en temps réel : avec une boîte de chat intégrée, continuez à dire par écrit "rendre le bouton avec des coins plus arrondis" ou "changer pour un thème clair" ou "ajouter une barre latérale", l'IA modifie en un clin d'œil. Changement de thème : basculez d'un simple clic entre Light/Dark et différents schémas de couleurs. Outil d'exportation : collez directement dans Figma (un vrai bonheur pour les designers) exportez du code front-end HTML + CSS / Tailwind / JSX, que les développeurs peuvent utiliser immédiatement. Plateformes prises en charge : applications mobiles (styles iOS/Android), pages Web réactives, tableaux de bord complexes, etc. Qui est le plus adapté ? Chefs de produit / entrepreneurs : validez rapidement une idée, sans attendre un designer. Designers UI/UX : utilisez-le pour l’idéation précoce et plusieurs variantes, économisez du temps de brainstorming. Développeurs front-end : générez directement du code à partir de l'invite, réduisez la douleur de la conversion des maquettes en code. Passionnés de no-code : en quelques minutes, créez une interface d'application qui semble très professionnelle. Actuellement, c'est encore en phase d'expérimentation gratuite (connexion avec un compte Google requise), le nombre de générés peut être limité, le mode expérimental consommera plus. Le design de Stitch by Google n'est pas destiné à remplacer Figma, mais à être un super accélérateur du processus de conception - particulièrement adapté aux prototypes précoces et aux phases d'exploration. La qualité générée est déjà assez impressionnante, il vaut vraiment la peine d'essayer rapidement.

Ceci ne fait que commencer...

Top 10 des compétences Skills d'OpenClaw en écrevisses au cours des 24 dernières heures : 1. Ingénieur Anthropic @trq212 : Résumé des pratiques internes sur Skills (11 724 likes) Il y a des centaines de Skills utilisés en interne chez Anthropic, conclusion principale : les Skills au niveau projet (placés dans .claude/skills/) sont trois fois plus efficaces que les Skills globaux, car le contexte est plus précis. Les Skills se divisent en trois catégories : type processus (étapes de travail standardisées), type connaissance (contexte de domaine complémentaire), type outil (commandes réutilisables encapsulées). Plus c'est spécifique, mieux c'est, ne pas écrire "aide-moi à bien coder", mais écrire "écris des tests unitaires avec Jest, couvrant le chemin heureux + 3 cas limites". 2. @itsolelehmann : Méthode pour augmenter le taux de réussite des Skills de 56 % à 92 % (2 265 likes) La plupart des Skills n'ont qu'un taux de réussite de 70 %, la solution est "lancer avant de dormir, vérifier les résultats au réveil" - écrire une boucle de test automatique, permettant à l'Agent d'exécuter le Skill des centaines de fois pendant la nuit, avec notation automatique et réécriture automatique, le matin le Skill est déjà itéré. L'essence est de confier le processus de perfectionnement du Skill à l'IA. 3. Google Cloud : Le format SKILL.md est mort, la conception de contenu est le véritable défi (1 643 likes) Plus de 30 outils ont unifié le format SKILL.md, le problème de format est résolu. Le défi actuel est "la conception de contenu" - inclure un Skill conforme à FastAPI et un Skill de génération de documents en quatre étapes, la logique sous-jacente est complètement différente, mais le format est identique. Il faut clarifier : votre Skill contraint-il le comportement du modèle, ou lui fournit-il des connaissances de fond, ou lui donne-t-il des outils ? 4. @dotey version traduite : Guide approfondi sur les Skills d'Anthropic (1 534 likes) Version complète en chinois de l'original de @trq212. Ajout d'un détail clé : la qualité d'un Skill dépend de la profondeur de votre compréhension de la tâche, pas des techniques de prompt. Si vous ne pouvez pas clairement définir ce qu'est un "bon" standard, le Skill que vous écrivez sera instable. Il est conseillé d'écrire d'abord les critères d'acceptation, puis le corps du Skill. 5. @chenchengpro : Matt Pocock publie 5 Skills d'ingénierie TypeScript en open source (232 likes) L'ingénieur TypeScript renommé Matt Pocock a publié 5 Skills qu'il utilise quotidiennement, dont /grill-me qui permet à l'Agent de jouer le rôle d'un "critique de code acerbe" cherchant activement les défauts dans votre code. Point central : la véritable différence ne réside pas dans le modèle utilisé, mais dans qui a codé l'expérience d'ingénierie en Skills réutilisables. 6. @yan5xu : Le plafond des Skills et la bonne posture (275 likes) Analyse percutante : les Skills de type Prompt peuvent être copiés, seuls les Skills de type Script ont des barrières. Vendre des Skills sans plus est vendre des copies, la véritable valeur réside dans l'encapsulation de vos processus métier avec des Skills, permettant à l'Agent d'exécuter votre flux de travail unique. Les Skills sont un levier, pas un produit en soi. 7. @coreyhainesco : Publication de Marketing Skills v1.4.0 (409 likes) Mise à jour du package Skills spécifiquement pour les scénarios marketing, ajout de la commande /lead-magnets (générer des stratégies d'attraction à haute conversion), et intégration de Composio MCP, un serveur se connectant directement à HubSpot, Salesforce, Meta Ads, LinkedIn. C'est un exemple typique de la transformation des Skills en produit vertical. 8. @AI_Jasonyu : Ensemble de configurations Skills du hackathon Anthropic (217 likes) Il existe sur GitHub un ensemble complet de configurations Skills provenant du hackathon d'Anthropic, comprenant des Agents de production, des Skills, des Hooks, des commandes, des règles et des configurations MCP, résultat de 10 mois d'utilisation intensive. L'utiliser directement est beaucoup plus rapide que de tout découvrir par soi-même. 9. Architecture de plugin Hermes Agent v0.3.0 (821 likes) La nouvelle version de Nous Research a fait des Skills des "citoyens de première classe" - empaqueter, partager, installer des Skills est aussi simple que d'installer un package npm. Ajout de la commande /browser pour prendre en charge Chrome nativement, le Skill peut directement contrôler les opérations de navigation sur le web, ne se limitant plus à un traitement de texte. 10. @startupideaspod : Utiliser des dossiers pour piloter toute l'équipe AI (427 likes) Cadre pratique : écrire un ensemble de Skills pour chaque département de l'entreprise (email, calendrier, publicité, opérations) et les placer dans les dossiers correspondants. L'Agent appelle automatiquement les Skills du département correspondant en fonction du type de tâche, sans écrire une seule ligne de code, une personne peut exécuter l'ensemble du processus métier. L'essentiel est de transformer "le dialogue" en "exécution orientée vers un objectif".