今日热榜中文
← Back to plugins

Task skills

Stitch Skills

google-labs-code/stitch-skills

Guide AI from a text or image brief to page designs and frontend components.

Get started ↓

Introduction

Prepared by 今日热榜 from public project documentation

For people who want to review a screen design before building a website or app. These skills work with your Google Stitch projects to generate or edit screens, manage design styles, and convert designs into frontend code such as React components. A working Stitch account, project access, and a configured MCP tool connection are required. Select skills and keep their supporting dependencies. The repository is published by the Google Labs code organization but states that it is not an officially supported Google product. Service quotas follow current official guidance.

Get started

Setup requirements have not been reviewed yet. Check the project’s setup guide.

Setup and usage guide ↗

Based on public documentation; not individually installed and tested here.

Ways to use it

  • Generate and edit screens from text or reference images
  • Manage design styles for consistent screens
  • Convert designs into frontend components with the selected skills

Official project & documentation

View source code ↗Project website ↗Setup and usage guide ↗

The project’s original description

A library of Agent Skills designed to work with the Stitch MCP server. Each skill follows the Agent Skills open standard, for compatibility with coding agents such as Antigravity, Gemini CLI, Claude Code, Cursor.

More projects of this type

These other listed projects can help you compare use cases and setup requirements.

  • Superpowers — Give AI a development workflow for clarifying requirements, planning, coding, and checking results.
  • Matt Pocock Skills — Reproduce a problem and verify its cause before changing code.
  • gstack — Connect planning, code review, and browser checks in a development workflow.

Sources and ranking

This directory lists AI development plugins with public source code and a clear purpose. Browse by task, then open an introduction to learn what a project does, who it is for, and what you need to get started. It covers selected projects, not every AI plugin.

How do the three plugin types differ?

Tool connections (MCP) let AI assistants use external tools such as browsers, code repositories and databases. MCP is the protocol used for these connections.

Reusable skills give a compatible AI assistant instructions and guidance for a particular task.

Editor plugins run inside the software you use to write code, adding AI chat, completions or suggested edits.

How does “Most starred” work?

Projects are sorted by their total GitHub stars. Stars indicate interest; they are not downloads, active users or quality scores. A skill pack counts as one project. Daily star growth is not shown without historical records.

What does “Recently updated” mean?

It uses the most recent code push, which may not be a new release. The 7-day filter checks that project update time; ranking still uses all-time stars. Each introduction shows when its star count was collected. Failed updates keep the last saved data.

Introductions are based on public project documentation. These projects have not each been installed and tested here. Check the project documentation for setup, compatibility and service costs. Refreshing this list only reads saved data; it does not start collection.

UTC+8