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.

基于“为AI代理重写你的CLI”原则，评估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文件，涵盖氛围、含十六进制色码的调色板、排版、组件样式及布局原则。将技术值（Tailwind类、圆角、阴影）转化为富有表现力的描述。

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

该技能对仓库进行“深度阅读”。它首先理解项目的架构，然后在该背景下评估未决事项，从而避免表面化的列举。

用于 json-render 的 Ink 终端渲染器，可将 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…

使用 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发布。

使用Remotion从Stitch应用设计创建专业演示视频，包含流畅转场和文字叠加。从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变量进行主题自定义，以及组件变体等特性。

统一设计系统入口，用于通过Stitch MCP创建和编辑高保真UI界面。将粗略的设计思路转化为使用专业UI/UX术语和设计系统上下文的结构化提示。将现有Stitch项目综合为.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生成与接力传递循环协调机制。实现中继模式：每次代理迭代从.stitch/next-prompt.md读取任务，通过Stitch MCP生成页面，集成到网站中，并编写下一任务以延续流程。通过.stitch/metadata.json管理Stitch项目状态，跨迭代持久化项目ID、屏幕元数据和设计主题。需要.stitch/DESIGN.md（视觉设计系统）和...

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

使用真实API密钥查找Stitch SDK中的错误，覆盖标准功能边界和棘手情况。

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中的领域类和绑定时使用。这是生成过程的第二阶段…

运行完整的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或任何Web框架。

从构建的Web应用或React组件中提取自包含的静态HTML，通过内联CSS和图片。当你需要捕获…时，请使用此技能。

根据文本提示或图像生成新屏幕，使用提示和设计系统令牌编辑现有屏幕，并利用 Stitch MCP 生成设计变体。…

使用MCP工具在Stitch中管理设计系统。包括检索资源、在Stitch中创建/更新设计系统，以及将其应用到屏幕。

将Stitch设计转换为模块化的Vite和React组件，或同步/更新现有的React组件以与最新的Stitch设计保持一致，使用…

将Stitch HTML设计转换为React Native组件，或同步/更新现有原生组件以对齐最新的Stitch设计，使用StyleSheet。

将本地资源（图片、设计稿、提取的HTML、设计Markdown）上传到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…

使用“规范与处理器”模式构建健壮、类型安全的TypeScript服务的架构标准。适用于构建CLI、库或复杂…