mcpbeat

google-labs-code Skills

29 skills published by google-labs-code across 4 repositories. Together they weigh 185 573 tokens — that is what loading all of them at once would cost you in context. 6 of them have been repackaged into other people's repositories.

29 skills 185 573 tokens total 6 copies elsewhere vendor account

Agent Dx CLI Scale vendor
design.md

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

2k tokens
Typed Service Contracts vendor
design.md

Architecture standard for building robust, type-safe TypeScript services using the "Spec and Handler" pattern. Use when building CLIs, libraries, or complex business logic.

1k tokens
React Vite Dashboard vendor
stitch-skills

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

1k tokens
Remotion vendor
stitch-skills

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays

7k tokens scripts
Stitch::code To Design vendor
stitch-skills

>- Convert frontend code (Vite, React, Angular, Vue, etc.) to a Stitch Design by chaining static HTML extraction, design system extraction, and file upload. **ALWAYS** use this skill when the user's intent is to move existing web apps or React/Angular/Vue components into Stitch (e.g., requests to "save", "migrate", or "upload"). You must use this skill even for simple "save" operations, as it is the only way to ensure the design system is extracted and assets are properly linked.

912 tokens
Stitch::extract Design Md vendor
stitch-skills

>- Extract a comprehensive design system (DESIGN.md) directly from frontend source code — React, Vue, Svelte, Angular, plain HTML/CSS, or any web framework. Analyzes component files, stylesheets, Tailwind configs, theme definitions, and design tokens to produce a rich, Stitch-compatible design system document. Use this skill whenever the user wants to reverse-engineer a design system from an existing codebase, audit the visual language of a project, extract design tokens from source files, or understand the styling patterns in a frontend repo — even if they just say "what does this app look like?" or "pull out the design from this code."

10k tokens
Stitch::extract Static Html vendor
stitch-skills

>- Extract self-contained static HTML from a built web application or React components by inlining CSS and images. Use this skill whenever you need to capture a specific UI state, share a static version of a page, or prepare assets for Stitch upload, even if the user just asks to 'save the HTML' or 'mock the view'.

29k tokens scripts
Stitch::generate Design vendor
stitch-skills

>- Generate new screens from text prompts or images, edit existing screens with prompts and design system tokens, and generate design variants using Stitch MCP. Includes prompt enhancement pipeline, design mappings, professional UI/UX terminology, design tokens and theme system capabilities.

4k tokens
Stitch Loop vendor
stitch-skills

Teaches agents to iteratively build websites using Stitch with an autonomous baton-passing loop pattern

5k tokens
Stitch::manage Design System vendor
stitch-skills

>- Manage design systems in Stitch using MCP tools. Includes retrieval of assets, creating/updating design systems in Stitch, and applying them to screens.

3k tokens
Stitch::react Components vendor
stitch-skills

>- Converts Stitch designs into modular Vite and React components, or syncs/updates existing React components to align with the latest Stitch designs, using system-level networking and AST-based validation.

7k tokens scripts
Stitch::react Native vendor
stitch-skills

>- Convert Stitch HTML designs to React Native components, or syncs/updates existing native components to align with the latest Stitch designs, using StyleSheet.

9k tokens scripts
Stitch::upload To Stitch vendor
stitch-skills

>- Upload local assets (images, mockups, extracted HTML, design markdown) to a Stitch project. ALWAYS use this skill when you need to upload visual assets, HTML pages, or design docs to Stitch, particularly when direct MCP tool calls fail or truncate due to base64 token limits.

3k tokens scripts
Taste Design vendor
stitch-skills

Semantic Design System Skill for Google Stitch. Generates agent-friendly DESIGN.md files that enforce premium, anti-generic UI standards — strict typography, calibrated color, asymmetric layouts, perpetual micro-motion, and hardware-accelerated performance.

6k tokens
Github Codebase Briefing vendor
stitch-sdk

>- Generates a deeply contextual, progressive-disclosure briefing for any GitHub repository. It builds a mental model of the code before analyzing issues and PRs to provide actionable insights. Use when asked for a "GitHub report," "repo status," "daily briefing," or to "catch up on a codebase."

891 tokens
Stitch SDK Bug Bash vendor
stitch-sdk

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

2k tokens
Stitch SDK Development vendor
stitch-sdk

Develop the Stitch SDK. Covers the generation pipeline, dual modality (agent vs SDK), error handling, and Traffic Light (Red-Green-Yellow) implementation workflow. Use when adding features, fixing bugs, or understanding the architecture.

3k tokens
Stitch SDK Domain Design vendor
stitch-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 pipeline.

2k tokens
Stitch SDK Pipeline vendor
stitch-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.

2k tokens
Stitch SDK Readme vendor
stitch-sdk

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 be written or updated.

2k tokens
Stitch SDK Usage vendor
stitch-sdk

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 consume the SDK in their application.

2k tokens
Fleet Triage
jules-sdk

Cognitive triage of fleet audit findings. Read issue content, evaluate labeling accuracy, and determine open/close/dispatch/relabel actions for fleet-managed issues. Use when triaging undispatched issues or reviewing audit scan results.

1k tokens
Gws Agent CLI Operations
jules-sdk

Comprehensive instructions for executing tasks using the gws (Google Workspace) CLI or similar agent-first command-line tools. Use this skill when interacting with machine-readable CLIs to ensure safe mutations, enforce context window discipline, and avoid input hallucinations.

1k tokens
Jules Merge
jules-sdk
48k tokens scripts
Tdd Red Green Refactor vendor
design.md

> Enforces a disciplined Red-Green-Refactor (TDD) workflow in TypeScript/Node.js. Use this whenever creating new features, fixing bugs, or migrating logic to ensure high-quality, verifiable implementations.

751 tokens
Design Md vendor ×2
stitch-skills

Analyze Stitch projects and synthesize a semantic design system into DESIGN.md files

5k tokens
Enhance Prompt vendor ×2
stitch-skills

Transforms vague UI ideas into polished, Stitch-optimized prompts. Enhances specificity, adds UI/UX keywords, injects design system context, and structures output for better generation results.

3k tokens
Shadcn UI vendor ×2
stitch-skills

Expert guidance for integrating and building applications with shadcn/ui components, including component discovery, installation, customization, and best practices.

21k tokens scripts
Ink vendor
design.md

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 JSON, creating terminal component catalogs, or rendering AI-generated specs in the terminal.

2k tokens