Individual skill

google-stitch

Use this skill when users want to generate UI mockups, landing pages, wireframes, design concepts, marketing sections, or page prototypes from a prompt and need both a design image and matching HTML. Prefer this skill whenever the user asks for「設計圖 + HTML」、「UI 原型」、「Landing Page 草稿」、「prompt 生成介面」或 Google Stitch / Stitch with Google style workflows.

templates/codex-gemini-api/.agents/skills/google-stitch/SKILL.md

Read pinned source

Source commit 583144b0947e3d551f0c4bff0bcc6015c61bf683

What was checked

Matches the observed repository HEAD
Yes
Scanner rules are current
Yes
Repository scan complete
No
Skill scan complete
No
Observed behavior
Network or broad shell
Last checked
Nov 5, 2026

These are observations at the recorded commit, not a guarantee of safety. Review the source before running it.

Install this skill

Choose an agent in your Stack or copy a command below. Commands fetch the pinned commit and copy only this skill directory. Existing destinations are refused. Copying a command does not install anything.

An install command is unavailable: current rules, complete repository and skill scans, an eligible behavior level and a permitted license are required.

Repository context

Repository stars (not skill ratings)
254
Repository last updated
Sep 4, 2026
License
MIT

Observed agent integration: No specific integration evidence. Standard SKILL.md installation does not imply verified compatibility.

Files and excerpt

File metadata and permitted, redacted excerpts come from the recorded scan. Source links are pinned to that commit.

Browse files
Read excerpt

# Google Stitch 設計生成 Skill

此技能會重用 repo 內已經存在的 `google-stitch` tool bundle,從提示詞一次產出:

- 設計圖片(寫入本地檔案)
- 對應 HTML(寫入本地檔案)
- stdout JSON 結果,方便後續自動化流程接續

## 需求條件

- `GEMINI_API_KEY` 或 `GOOGLE_API_KEY`
- Node.js `>=20.0.0`
- repo 內已存在 `.github/scripts/google-stitch.mjs`