Google Labs Code Skills

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

एक स्कोरिंग स्केल जो "Rewrite Your CLI for AI Agents" सिद्धांतों पर आधारित है, यह मूल्यांकन करने के लिए कि कोई CLI AI एजेंटों के लिए कितनी अच्छी तरह डिज़ाइन की गई है।

समानांतर Jules कोडिंग एजेंटों का उपयोग करके स्वचालित GitHub इश्यू ट्राइएज और समाधान सेट करें

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...

Stitch डिज़ाइन प्रोजेक्ट्स का विश्लेषण करें और प्रॉम्प्टिंग के लिए स्रोत सत्य के रूप में संरचित DESIGN.md फ़ाइलें जनरेट करें। MCP सर्वर टूल्स के माध्यम से Stitch प्रोजेक्ट्स से स्क्रीन मेटाडेटा, HTML/CSS स्रोत और डिज़ाइन एसेट्स प्राप्त करके डिज़ाइन टोकन और विज़ुअल पैटर्न निकालें। निष्कर्षों को संरचित DESIGN.md फ़ाइलों में संश्लेषित करें जो वातावरण, हेक्स कोड के साथ रंग पैलेट, टाइपोग्राफी, कंपोनेंट स

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...

अस्पष्ट UI विचारों को डिज़ाइन सिस्टम संदर्भ के साथ परिष्कृत, Stitch-अनुकूलित प्रॉम्प्ट में बदलता है। लुप्त तत्वों (प्लेटफ़ॉर्म, पेज प्रकार, दृश्य शैली, रंग, घटक) का मूल्यांकन करता है और व्यवस्थित रूप से अंतराल भरता है। बहु-पृष्ठ परियोजनाओं में एकरूपता सुनिश्चित करने के लिए DESIGN.md फ़ाइलों की जाँच और एकीकरण करता है। UI/UX कीवर्ड विशिष्टता, मूड प्रवर्धन, पेज संरचना संगठन और उचित रंग स्वरूपण सहित संव

यह कौशल रिपॉजिटरी का "गहन अध्ययन" करता है। यह पहले परियोजना की वास्तुकला को समझकर और फिर उस संदर्भ में खुले मदों का मूल्यांकन करके सतही सूचियों से बचता है।

json-render के लिए इंक टर्मिनल रेंडरर जो JSON स्पेसिफिकेशन को इंटरैक्टिव टर्मिनल UI में बदलता है। @json-render/ink के साथ काम करते समय उपयोग करें, टर्मिनल UI बनाने के लिए…

Ink terminal renderer for json-render that turns JSON specs into interactive terminal UIs. Use when working with @json-render/ink, building terminal UIs from…

act का उपयोग करके स्थानीय GitHub Actions सत्यापन के लिए एक रिपॉजिटरी सेट करें, ताकि Jules पुश करने से पहले CI को मान्य कर सके।

Convert Stitch designs into production React + Vite dashboards with TanStack Query, accessible tokens from DESIGN.md, and Web3-ready patterns (ethers/viem).

react:components — AI एजेंटों के लिए एक इंस्टॉल करने योग्य कौशल, जो google-labs-code/stitch-skills द्वारा प्रकाशित है।

स्टिच ऐप डिज़ाइन से रेमोशन का उपयोग करके स्मूथ ट्रांज़िशन और टेक्स्ट ओवरले के साथ पेशेवर वॉकथ्रू वीडियो बनाएं। स्टिच प्रोजेक्ट्स से स्क्रीन प्राप्त करता है और उन्हें ज़ूम इफेक्ट्स, फेड ट्रांज़िशन और संदर्भित टेक्स्ट ओवरले के साथ रेमोशन वीडियो कंपोज़िशन में व्यवस्थित करता है। स्क्रीनस्लाइड और वॉकथ्रूकंपोज़िशन कंपोनेंट्स के साथ मॉड्यूलर कंपोनेंट आर्क

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...

आपके प्रोजेक्ट में shadcn/ui घटकों को खोजने, स्थापित करने और अनुकूलित करने के लिए विशेषज्ञ मार्गदर्शन। shadcn/ui एक कॉपी-पेस्ट घटक संग्रह है, लाइब्रेरी नहीं—घटक आपके कोडबेस में रहते हैं, जिससे पूर्ण स्वामित्व और अनुकूलन संभव है, बिना वर्शन लॉक-इन के। इसमें Radix UI या Base UI प्रिमिटिव पर निर्मित और Tailwind CSS के साथ स्टाइल किए गए 50+ सुलभ, पूर्व-निर्मित घटक (बटन, डायलॉग, फॉर्म, टेबल आदि) श

यूनिफाइड डिज़ाइन सिस्टम एंट्री पॉइंट जो स्टिच MCP के साथ हाई-फिडेलिटी UI स्क्रीन बनाने और संपादित करने के लिए है। पेशेवर UI/UX शब्दावली और डिज़ाइन सिस्टम संदर्भ का उपयोग करके मोटे डिज़ाइन विचारों को संरचित प्रॉम्प्ट में बदलता है। मौजूदा स्टिच प्रोजेक्ट्स को .stitch/DESIGN.md "स्रोत-सत्य" दस्तावेज़ों में संश्लेषित करता है ताकि स्क्रीन में एकरूपता बनी रहे। टेक्स्ट-टू-डिज़ाइन ज

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...

स्वायत्त वेबसाइट निर्माता जो पुनरावृत्त स्टिच जनरेशन का उपयोग करता है, जिसमें बैटन-पासिंग लूप समन्वय होता है। यह एक रिले पैटर्न लागू करता है जहां प्रत्येक एजेंट पुनरावृत्ति .stitch/next-prompt.md से एक कार्य पढ़ता है, स्टिच MCP के माध्यम से एक पेज उत्पन्न करता है, इसे साइट में एकीकृत करता है, और जारी रखने के लिए अगला कार्य लिखता है। .stitch/metadata.json के माध्यम से स्टिच प्रोजेक्ट स्थिति का प्रबंधन करता है, प्रो

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

Stitch SDK में वास्तविक API कुंजी का उपयोग करके बग खोजें। मानक कार्यात्मक किनारों और पेचीदा स्थितियों को शामिल करता है।

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

Stitch SDK का विकास करें। इसमें जनरेशन पाइपलाइन, दोहरी विधा (एजेंट बनाम SDK), त्रुटि प्रबंधन, और ट्रैफिक लाइट (लाल-हरा-पीला) कार्यान्वयन शामिल है…

Design the domain model for the Stitch SDK. Use when mapping MCP tools to domain classes and bindings in domain-map.json. This is Stage 2 of the generation…

Stitch SDK के लिए डोमेन मॉडल डिज़ाइन करें। MCP टूल्स को domain-map.json में डोमेन क्लासेस और बाइंडिंग्स में मैप करते समय उपयोग करें। यह जनरेशन का चरण 2 है…

पूर्ण Stitch SDK जनरेशन पाइपलाइन चलाएँ। जब कोई नया टूल जोड़ा जाए, या SDK को शुरू से अंत तक पुनर्जनरेट करने की आवश्यकता हो, तब उपयोग करें।

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

Stitch SDK के लिए README जनरेट या अपडेट करें। Bookstore Test संरचना का उपयोग करें और कोडबेस से वर्तमान API स्रोत लें। तब उपयोग करें जब README को…

Generate or update the README for the Stitch SDK. Use the Bookstore Test structure and source the current API from the codebase. Use when the README needs to…

Use the Stitch SDK to generate, edit, and iterate on UI screens from text prompts, manage projects, and retrieve screen HTML/images. Use when the user wants to…

stitch-sdk-usage — AI एजेंटों के लिए एक इंस्टॉल करने योग्य कौशल, जो google-labs-code/stitch-sdk द्वारा प्रकाशित है।

फ्रंटएंड कोड (Vite, React, आदि) को स्टैटिक HTML निष्कर्षण, डिज़ाइन सिस्टम निष्कर्षण और फ़ाइल अपलोड की श्रृंखला के माध्यम से Stitch Design में बदलें। **हमेशा** इसका उपयोग करें…

फ्रंटएंड सोर्स कोड से सीधे एक व्यापक डिज़ाइन सिस्टम (DESIGN.md) निकालें — React, Vue, Svelte, Angular, सादा HTML/CSS, या कोई भी वेब फ्रेमवर्क।…

किसी निर्मित वेब एप्लिकेशन या React घटकों से CSS और छवियों को इनलाइन करके स्व-निहित स्थिर HTML निकालें। इस कौशल का उपयोग तब करें जब आपको किसी… को कैप्चर करने की आवश्यकता हो।

टेक्स्ट प्रॉम्प्ट या इमेज से नई स्क्रीन जनरेट करें, प्रॉम्प्ट और डिज़ाइन सिस्टम टोकन के साथ मौजूदा स्क्रीन को एडिट करें, और Stitch MCP का उपयोग करके डिज़ाइन वेरिएंट जनरेट करें।

Stitch में MCP टूल्स का उपयोग करके डिज़ाइन सिस्टम प्रबंधित करें। इसमें एसेट्स की पुनर्प्राप्ति, Stitch में डिज़ाइन सिस्टम बनाना/अपडेट करना और उन्हें स्क्रीन पर लागू करना शामिल है।

स्टिच डिज़ाइन को मॉड्यूलर Vite और React कम्पोनेंट में बदलता है, या मौजूदा React कम्पोनेंट को नवीनतम स्टिच डिज़ाइन के अनुरूप सिंक/अपडेट करता है, इसका उपयोग करके…

स्टिच HTML डिज़ाइन को React Native कम्पोनेंट में बदलें, या मौजूदा नेटिव कम्पोनेंट को नवीनतम स्टिच डिज़ाइन के अनुरूप सिंक/अपडेट करें, StyleSheet का उपयोग करते हुए।

स्थानीय संपत्तियों (चित्र, मॉकअप, निकाला गया HTML, डिज़ाइन मार्कडाउन) को Stitch प्रोजेक्ट पर अपलोड करें। जब भी आपको दृश्य संपत्तियां, 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...

Google Stitch के लिए सिमैंटिक डिज़ाइन सिस्टम स्किल। एजेंट-अनुकूल DESIGN.md फ़ाइलें उत्पन्न करता है जो प्रीमियम, गैर-सामान्य UI मानकों को लागू करती हैं — सख्त टाइपोग्राफी,…

यह कौशल AI-सहायता प्राप्त प्रोग्रामिंग के लिए एक संरचनात्मक ढांचा लागू करता है ताकि कोड की हर पंक्ति सत्यापन योग्य, टाइप की गई और उद्देश्यपूर्ण हो।

यह कौशल AI-सहायता प्राप्त प्रोग्रामिंग के लिए एक संरचनात्मक ढांचा लागू करता है ताकि कोड की हर पंक्ति सत्यापन योग्य, टाइप की गई और उद्देश्यपूर्ण हो।

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…

आर्किटेक्चर मानक जो "Spec and Handler" पैटर्न का उपयोग करके मजबूत, टाइप-सुरक्षित TypeScript सेवाएं बनाने के लिए है। CLI, लाइब्रेरी या जटिल... बनाते समय उपयोग करें।