Skills de Google Labs Code

Uma escala de pontuação para avaliar o quão bem uma CLI é projetada para agentes de IA, baseada nos princípios de "Reescreva sua CLI para Agentes de IA".

Uma escala de pontuação para avaliar o quão bem uma CLI é projetada para agentes de IA, baseada nos princípios de "Reescreva sua CLI para Agentes de IA".

Configure a triagem e resolução automatizada de issues do GitHub usando agentes de codificação Jules paralelos

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

Analise projetos de design do Stitch e gere arquivos DESIGN.md semânticos como fonte de verdade para prompts. Recupera metadados de tela, código-fonte HTML/CSS e assets de design de projetos do Stitch por meio de ferramentas do MCP Server para extrair tokens de design e padrões visuais. Sintetiza descobertas em arquivos DESIGN.md estruturados, abrangendo atmosfera, paleta de cores com códigos hex, tipografia, estilização de componentes e princípios de layout. Traduz valores técnicos (classes Tailwind, border-radius, sombras) em...

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 Brazilian Portuguese. The text describes an agent skill that transforms UI ideas into prompts. We must preserve the name "enhance-prompt" but it's not in the text, so we don't include it. We must not add any extra commentary, labels, or formatting. Just the translation. Let's translate sentence by sentence: "Transforms vague UI ideas into polished, Stitch-optimized prompts with design system context." -> "Transforma ideias vagas de UI em prompts polidos e otimizados para Stitch com contexto de sistema de design." "Assesses missing elements (platform, page type, visual style, colors, components) and fills gaps systematically" -> "Avalia elementos ausentes (plataforma, tipo de página, estilo visual, cores, componentes) e preenche lacunas sistematicamente" "Checks for and integrates DESIGN.md files to ensure consistency across multi-page projects" -> "Verifica e integra arquivos DESIGN.md para garantir consistência em projetos de várias páginas

Esta habilidade realiza uma "leitura profunda" de um repositório. Ela evita listagens superficiais ao primeiro entender a arquitetura do projeto e, em seguida, avaliar itens abertos nesse contexto.

Renderizador de terminal Ink para json-render que transforma especificações JSON em UIs de terminal interativas. Use ao trabalhar com @json-render/ink, construindo UIs de terminal a partir de…

Renderizador de terminal para json-render que transforma especificações JSON em interfaces de terminal interativas. Use ao trabalhar com @json-render/ink, criando interfaces de terminal a partir de…

Configurar um repositório para verificação local de GitHub Actions usando act, para que Jules possa validar a CI antes de enviar

Converta designs do Stitch em dashboards de produção com React + Vite, usando TanStack Query, tokens acessíveis do DESIGN.md e padrões prontos para Web3 (ethers/viem).

react:components — uma habilidade instalável para agentes de IA, publicada por google-labs-code/stitch-skills.

Crie vídeos de walkthrough profissionais a partir de designs do aplicativo Stitch usando Remotion, com transições suaves e sobreposições de texto. Recupera telas de projetos Stitch e as organiza em composições de vídeo Remotion com efeitos de zoom, transições de fade e sobreposições de texto contextuais. Suporta arquitetura de componentes modulares com componentes ScreenSlide e WalkthroughComposition, além de recursos avançados como hotspots interativos e integração de narração. Gera manifestos de tela, baixa...

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

Orientação especializada para descobrir, instalar e personalizar componentes shadcn/ui no seu projeto. shadcn/ui é uma coleção de componentes copiáveis, não uma biblioteca — os componentes ficam no seu código para total propriedade e personalização sem dependência de versão. Inclui mais de 50 componentes pré-construídos e acessíveis (botões, diálogos, formulários, tabelas, etc.) baseados em primitivas Radix UI ou Base UI com estilização Tailwind CSS. Suporta personalização de tema via variáveis CSS, variantes de componentes com...

Ponto de entrada unificado do sistema de design para criar e editar telas de UI de alta fidelidade com o Stitch MCP. Transforma ideias de design brutas em prompts estruturados usando terminologia profissional de UI/UX e contexto do sistema de design. Sintetiza projetos Stitch existentes em documentos .stitch/DESIGN.md como "fonte da verdade" para consistência entre telas. Roteia solicitações de forma inteligente entre geração de design a partir de texto, edição de telas e fluxos de documentação do sistema de design. Gerencia automaticamente assets por...

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

Construtor de sites autônomo que utiliza geração iterativa Stitch com coordenação de loop de passagem de bastão. Implementa um padrão de retransmissão onde cada iteração do agente lê uma tarefa de .stitch/next-prompt.md, gera uma página via Stitch MCP, integra-a ao site e escreve a próxima tarefa para continuação. Gerencia o estado do projeto Stitch através de .stitch/metadata.json, persistindo IDs de projeto, metadados de tela e tema de design entre iterações. Requer .stitch/DESIGN.md (sistema de design visual) e...

Encontre bugs no SDK da Stitch usando uma chave de API real. Cobre bordas funcionais padrão e situações complicadas.

Encontre bugs no Stitch SDK usando uma chave de API real. Abrange bordas funcionais padrão e situações complicadas.

Desenvolva o Stitch SDK. Abrange o pipeline de geração, a dupla modalidade (agente vs SDK), o tratamento de erros e a implementação do Traffic Light (Red-Green-Yellow)…

Desenvolver o Stitch SDK. Abrange o pipeline de geração, modalidade dupla (agente vs SDK), tratamento de erros e implementação do Semáforo (Vermelho-Verde-Amarelo)...

Projetar o modelo de domínio para o Stitch SDK. Use ao mapear ferramentas MCP para classes de domínio e bindings em domain-map.json. Esta é a Etapa 2 da geração...

Projetar o modelo de domínio para o Stitch SDK. Usar ao mapear ferramentas MCP para classes de domínio e bindings em domain-map.json. Esta é a Etapa 2 da geração…

Execute o pipeline completo de geração do Stitch SDK. Use quando uma nova ferramenta for adicionada ou o SDK precisar ser regenerado do início ao fim.

Execute o pipeline completo de geração do SDK Stitch. Use quando uma nova ferramenta for adicionada ou quando o SDK precisar ser regenerado de ponta a ponta.

Gerar ou atualizar o README do Stitch SDK. Use a estrutura do Bookstore Test e obtenha a API atual a partir do código-fonte. Use quando o README precisar…

Gere ou atualize o README para o Stitch SDK. Use a estrutura do Bookstore Test e obtenha a API atual do codebase. Use quando o README precisar de…

Use o SDK Stitch para gerar, editar e iterar em telas de UI a partir de prompts de texto, gerenciar projetos e recuperar HTML/imagens de telas. Use quando o usuário quiser…

um skill instalável para agentes de IA, publicado por google-labs-code/stitch-sdk.

Converta código frontend (Vite, React, etc.) em um Stitch Design encadeando extração de HTML estático, extração de sistema de design e upload de arquivo. **SEMPRE** use este…

Extraia um sistema de design abrangente (DESIGN.md) diretamente do código-fonte frontend — React, Vue, Svelte, Angular, HTML/CSS puro ou qualquer framework web.…

Extraia HTML estático autocontido de uma aplicação web compilada ou de componentes React, incorporando CSS e imagens inline. Use esta habilidade sempre que precisar capturar um…

Gere novas telas a partir de prompts de texto ou imagens, edite telas existentes com prompts e tokens do sistema de design, e gere variantes de design usando o Stitch MCP.

Gerencie design systems no Stitch usando ferramentas MCP. Inclui recuperação de assets, criação/atualização de design systems no Stitch e aplicação deles em telas.

Converte designs do Stitch em componentes modulares Vite e React, ou sincroniza/atualiza componentes React existentes para alinhar com os designs mais recentes do Stitch, usando…

Converte designs HTML do Stitch em componentes React Native, ou sincroniza/atualiza componentes nativos existentes para alinhar com os designs mais recentes do Stitch, usando StyleSheet.

Fazer upload de ativos locais (imagens, mockups, HTML extraído, markdown de design) para um projeto Stitch. SEMPRE use esta habilidade quando precisar fazer upload de ativos visuais, 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...

Habilidade de Sistema de Design Semântico para Google Stitch. Gera arquivos DESIGN.md amigáveis para agentes que impõem padrões de UI premium e antigênicos — tipografia rigorosa,…

Esta habilidade implementa um framework estrutural para programação assistida por IA, garantindo que cada linha de código seja verificável, tipada e proposital.

Esta habilidade implementa um framework estrutural para programação assistida por IA, garantindo que cada linha de código seja verificável, tipada e proposital.

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…

Padrão de arquitetura para construir serviços TypeScript robustos e type-safe usando o padrão "Spec and Handler". Use ao construir CLIs, bibliotecas ou sistemas complexos…