Claude Code Stitch 提示词技能：把界面需求写成单屏设计指令

Claude Code 安装步骤

从固定版本 GitHub 工作副本获取完整的 `plugins/google-stitch/skills/authoring-stitch-prompts` 目录。
将目录放入目标项目的 `.claude/skills/`，确认 `.claude/skills/authoring-stitch-prompts/SKILL.md` 存在，再从项目根目录启动 Claude Code 并输入 `/authoring-stitch-prompts`。

将自然语言或页面规格压缩成清楚的设计目的、组件布局和风格。适合写给 Google Stitch 的单屏提示，保留真实约束。

为虚构的借书续期页写一条 Stitch 提示。移动端显示当前到期日、可续期提示和一个主操作，保留失败状态位置。

输出应包含页面目标、三至六项布局或组件指令、简短风格提示及适用的手机约束。尚未生成界面时只记录提示词。

GitHub 原文 · 更新日期 2026-11-13

Claude Code、固定版本完整技能目录和页面要求。要查看实际生成图时另用自己的 Stitch 环境。

先明确页面之间的关系，再分别为每个页面写提示。单条提示聚焦一个主要界面和动作。