Google Labs Code

Official

@google-labs-code

0Followers

8Public Repos

21Published Skills

Offers specialized engineering modules for Stitch design system integration, React component generation, and programmatic video walkthrough production.

🐙 GitHub ↗

Skills Distribution

Agent Skills by Google Labs Code

Showing 21 vetted skills indexed across 1 GitHub repositories.

google-labs-code

8.2k

stitch::generate-design

Generate and edit UI screens from text prompts or images using Stitch MCP.

stitch::code-to-design

Convert frontend code from React, Angular, or Vue apps into Stitch Designs.

stitch::extract-design-md

Extract a design system document from frontend source code without building the app.

stitch::manage-design-system

Create, update, and apply design systems in Stitch projects via MCP tools.

stitch::upload-to-stitch

Upload images, HTML, and markdown files to Stitch projects via the BatchCreateScreens API.

site-md

Generates a structured SITE.md project constitution from requirement briefs for the Stitch Build Loop.

design-md

Analyzes Stitch project screens and generates a semantic DESIGN.md design system document.

taste-design

Generates DESIGN.md design system files for Google Stitch screen generation.

enhance-prompt

Transforms vague UI ideas into structured, Stitch-optimized generation prompts.

stitch-loop

Automates iterative website generation with Stitch MCP using a baton-passing loop pattern.

stitch::react-native

Convert Stitch HTML designs into React Native components with StyleSheet styling.

shadcn-ui

Integrates and customizes shadcn/ui components in React applications using Tailwind CSS.

react-vite-dashboard

Convert Stitch designs into React and Vite dashboards with TanStack Query and Web3 reads.

stitch::react-components

Converts Stitch designs into modular Vite and React components with AST-based validation.

remotion

Generate walkthrough videos from Stitch project screens using Remotion compositions.

shadcn-ui

Streamline shadcn/ui component discovery, installation, and customization in React projects.

design-md

Analyze Stitch project assets to generate a DESIGN.md design system document.

react:components

Convert Stitch designs into modular React components with AST-based validation.

enhance-prompt

...

stitch-loop

Generate and integrate Stitch pages through a baton-passing loop.

remotion

Automate walkthrough video creation from Stitch designs using Remotion.

Official

Advanced

Frequently Asked Questions About Google Labs Code

FAQPage Schema

What specific tasks are enabled by these modules?▼

These modules enable the extraction of design system documentation, the conversion of design assets into validated React components, and the programmatic generation of video walkthroughs. They facilitate the synchronization between design system definitions and frontend implementation.

Which technical personas benefit from these capabilities?▼

Frontend engineers, design system architects, and creative technologists benefit from these modules. They are designed for teams managing complex React-based interfaces who require consistent component generation and automated documentation from centralized design assets.

What are the primary prerequisites for using these modules?▼

Usage requires an existing Stitch design system environment and a React-based project structure. The modules rely on AST-based validation, necessitating a standard JavaScript or TypeScript environment to process component generation and design system documentation tasks.