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.

Шкала оценки того, насколько хорошо CLI спроектирован для AI-агентов, основанная на принципах «Rewrite Your CLI for AI Agents».

Настройка автоматизированной обработки и решения задач GitHub с использованием параллельных агентов кодирования Jules

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 как источник истины для промптов. Извлекает метаданные экранов, HTML/CSS-исходники и дизайн-активы из проектов Stitch через инструменты MCP Server для выделения дизайн-токенов и визуальных паттернов. Синтезирует результаты в структурированные файлы DESIGN.md, охватывающие атмосферу, цветовую палитру с hex-кодами, типографику, стилизацию компонентов и принципы компоновки. Переводит технические значения (классы Tailwind, border-radius, тени) в выразительные...

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-ключевых слов, усиление настроения, организацию структуры страницы и правильное форматирование цветов. Выводит структурированные промпты, готовые для Stitch...

Этот навык выполняет «глубокое чтение» репозитория. Он избегает поверхностных списков, сначала понимая архитектуру проекта, а затем оценивая открытые элементы в этом контексте.

Ink терминальный рендерер для json-render, который превращает JSON-спецификации в интерактивные терминальные интерфейсы. Используйте при работе с @json-render/ink, создании терминальных интерфейсов из…

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…

Настроить репозиторий для локальной верификации GitHub Actions с помощью act, чтобы 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 — устанавливаемый навык для ИИ-агентов, опубликованный google-labs-code/stitch-skills.

Создавайте профессиональные видеоинструкции из дизайнов приложения Stitch с помощью Remotion, используя плавные переходы и текстовые наложения. Извлекает экраны из проектов Stitch и компонует их в видеокомпозиции Remotion с эффектами масштабирования, плавными переходами и контекстными текстовыми наложениями. Поддерживает модульную архитектуру компонентов с ScreenSlide и WalkthroughComposition, а также расширенные функции, такие как интерактивные точки взаимодействия и интеграция голосового сопровождения. Генерирует манифесты экранов, загружает...

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 — это коллекция компонентов для копирования и вставки, а не библиотека — компоненты находятся в вашей кодовой базе для полного контроля и настройки без привязки к версиям. Включает более 50 готовых, доступных компонентов (кнопки, диалоги, формы, таблицы и т.д.), созданных на основе примитивов Radix UI или Base UI со стилизацией Tailwind CSS. Поддерживает настройку темы через CSS-переменные, варианты компонентов с...

We need to translate the given English text into Russian, preserving the name "stitch-design" if it appears. The text is a description of a directory item type "agent skill". The instruction says: "Translate only the text inside <text>. Do not include the name unless it appears in the source text." The name "stitch-design" does appear in the source text: "Stitch MCP" and ".stitch/DESIGN.md". Also "stitch-design" is the name to preserve, but it's not in the source text exactly. The source has "Stitch MCP" and ".stitch". We should preserve those as is. Also preserve "DESIGN.md". The translation should be accurate, preserving technical terms like "MCP", "UI/UX", "high-fidelity", "source of truth", etc. No extra commentary. Output only the translated text. Let's translate paragraph by paragraph. Original: "Unified design system entry point for creating and editing high-fidelity UI screens with Stitch MCP. Transforms rough design ideas into

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 с координацией цикла передачи эстафеты. Реализует релейный шаблон, где каждая итерация агента читает задачу из .stitch/next-prompt.md, генерирует страницу через Stitch MCP, интегрирует её в сайт и записывает следующую задачу для продолжения. Управляет состоянием проекта Stitch через .stitch/metadata.json, сохраняя идентификаторы проектов, метаданные экранов и тему дизайна между итерациями. Требует .stitch/DESIGN.md (система визуального дизайна) и...

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. Охватывает конвейер генерации, двойную модальность (агент vs 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.

Сгенерировать или обновить README для Stitch SDK. Использовать структуру 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 — устанавливаемый навык для ИИ-агентов, опубликованный google-labs-code/stitch-sdk.

Преобразует фронтенд-код (Vite, React и т.д.) в Stitch Design путем последовательного извлечения статического HTML, извлечения дизайн-системы и загрузки файлов. **ВСЕГДА** используйте это…

Извлеките комплексную систему дизайна (DESIGN.md) непосредственно из исходного кода фронтенда — React, Vue, Svelte, Angular, обычного HTML/CSS или любого веб-фреймворка.

Извлечение самодостаточного статического HTML из собранного веб-приложения или React-компонентов путем встраивания CSS и изображений. Используйте этот навык, когда вам нужно захватить…

Генерировать новые экраны из текстовых запросов или изображений, редактировать существующие экраны с помощью запросов и токенов дизайн-системы, а также создавать варианты дизайна с использованием Stitch MCP.

Управление дизайн-системами в Stitch с помощью инструментов MCP. Включает получение ресурсов, создание/обновление дизайн-систем в Stitch и их применение к экранам.

Преобразует дизайны Stitch в модульные компоненты Vite и React, или синхронизирует/обновляет существующие компоненты React для соответствия последним дизайнам Stitch, используя…

Преобразует HTML-дизайны Stitch в компоненты React Native или синхронизирует/обновляет существующие нативные компоненты для соответствия последним дизайнам Stitch, используя 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 — строгая типографика,…

Этот навык реализует структурную основу для программирования с помощью ИИ, чтобы гарантировать, что каждая строка кода является проверяемой, типизированной и целенаправленной.

Этот навык реализует структурную основу для программирования с помощью ИИ, чтобы гарантировать, что каждая строка кода является проверяемой, типизированной и целенаправленной.

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…

Архитектурный стандарт для создания надежных, типобезопасных TypeScript-сервисов с использованием паттерна "Spec and Handler". Используйте при создании CLI, библиотек или сложных…