Claude Code Stitch Prompt Authoring for Single-Screen UI Briefs
Convert a description or UI spec into a concise Google Stitch prompt with screen purpose, components, layout, and style cues.
中文Install in Claude Code
Use Claude Code with the full pinned skill directory and a screen spec. Use your own Stitch environment if you need to generate a design.
- Get the complete `plugins/google-stitch/skills/authoring-stitch-prompts` directory from the pinned GitHub checkout.
- Copy it under the target project's `.claude/skills/`. Confirm `.claude/skills/authoring-stitch-prompts/SKILL.md`, open Claude Code at the project root, and call `/authoring-stitch-prompts`.
Example task
Write a prompt for a fictional mobile library-renewal screen. Show the due date, eligibility, and one primary action. Leave room for a failure state.What to check
Expect a screen goal, three to six layout or component directives, short style cues, and a mobile constraint. The draft remains a prompt until a design is generated.
Original SKILL.md on GitHub · Updated
Frequently asked question
What if a brief describes two screens?
Clarify their relationship, then give each screen its own prompt and one primary action.